@scalar/api-reference 0.1.5 → 0.1.7

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.
package/dist/style.css CHANGED
@@ -1,3631 +1,1330 @@
1
1
 
2
- /** Basics */
3
- .scalar-api-client__codemirror__wrapper {
4
- width: 100%;
2
+ .sidebar-search[data-v-2819d5f9] {
5
3
  display: flex;
6
- align-items: stretch;
7
- }
8
- .scalar-api-client__codemirror {
9
- flex-grow: 1;
10
- max-width: 100%;
11
- }
12
- .scalar-api-client__codemirror.ͼw {
13
- background-color: var(--scalar-api-client-background-input);
14
- }
15
- .scalar-api-client__codemirror--read-only.ͼw {
16
- background-color: var(--scalar-api-client-background-secondary);
17
- }
4
+ align-items: center;
5
+ position: relative;
6
+ /* Sub */
7
+ --margin-x: 12px;
8
+ width: calc(100% - 2 * var(--margin-x));
9
+ margin: 12px var(--margin-x) 6px var(--margin-x);
10
+ padding: 0 12px;
18
11
 
19
- /** URL input */
20
- .scalar-api-client__url-input {
21
- font-weight: var(--scalar-api-client-font-semibold);
12
+ color: var(--scalar-api-reference-theme-color-3);
13
+ outline: none;
14
+ border-radius: var(--scalar-api-reference-rounded);
15
+ border: var(--scalar-api-reference-border);
16
+ /* prettier-ignore */
17
+ background: var(--scalar-api-reference-sidebar-search-background, var(--scalar-api-reference-theme-background-1));
18
+ cursor: pointer;
19
+ appearance: none;
22
20
  }
23
- .scalar-api-client__url-input .cm-scroller {
24
- padding-left: 6px;
21
+ .sidebar-search-input[data-v-2819d5f9] {
22
+ font-size: var(--scalar-api-reference-theme-small);
23
+ font-weight: var(--scalar-api-reference-theme-semibold);
24
+ line-height: 31px;
25
+
26
+ user-select: none;
27
+ z-index: 10;
28
+ position: relative;
29
+ display: block;
25
30
  }
26
- .scalar-api-client__url-input .ͼ1 .cm-scroller {
27
- align-items: center !important;
31
+ .search-icon[data-v-2819d5f9] {
32
+ padding: 0;
33
+ margin-right: 9px;
34
+ width: 12px;
28
35
  }
29
- .scalar-api-client__variable {
30
- color: var(--scalar-api-client-color);
36
+
37
+ .loader-wrapper[data-v-a0429592] {
38
+ position: relative;
39
+ height: var(--a8cfd54e);
40
+ width: var(--a8cfd54e);
41
+
42
+ display: flex;
43
+ align-items: center;
44
+ justify-content: center;
45
+
46
+ --loader-size: 50%;
31
47
  }
32
48
 
33
- .modal-layout[data-v-1de61d2e] {
34
- position: fixed;
35
- width: 100vw;
36
- height: 100vh;
37
- top: 0;
38
- left: 0;
39
- z-index: 1001;
40
- background: rgba(0, 0, 0, 0.44);
41
- padding: 20px;
42
- opacity: 0;
43
- animation: modal-fade-1de61d2e 0.2s forwards;
49
+ /*SVG Positioning for Loader Objects*/
50
+ .svg-loader[data-v-a0429592] {
51
+ width: var(--loader-size);
52
+ height: var(--loader-size);
53
+ top: 1rem;
54
+ right: 0.9rem;
55
+ overflow: visible;
56
+
57
+ fill: none;
58
+ background-color: transparent;
59
+ stroke: currentColor;
44
60
  }
45
- .modal-body[data-v-1de61d2e] {
46
- padding: 18px;
47
- max-height: calc(100vh - 240px);
48
- background: var(--scalar-api-client-background-primary);
49
- border-radius: var(--scalar-api-client-rounded);
50
- font-family: var(--scalar-api-client-font-sans);
61
+ .svg-path[data-v-a0429592] {
62
+ stroke-width: 14;
63
+ fill: none;
64
+ transition: 0.3s;
51
65
  }
52
- .modal[data-v-1de61d2e] {
53
- margin: 80px auto 0;
54
- position: relative;
55
- background: var(--scalar-api-client-theme-background-2);
56
- border-radius: var(--scalar-api-client-rounded);
57
- color: var(--scalar-api-client-theme-color-1);
58
- width: 100%;
59
- text-align: left;
60
- line-height: 1.4;
61
- opacity: 0;
62
- transform: scale(0.98);
63
- animation: modal-pop-1de61d2e 0.15s 0.15s forwards;
64
- display: flex;
65
- flex-direction: column;
66
+ .svg-x-mark[data-v-a0429592] {
67
+ stroke-dasharray: 57;
68
+ stroke-dashoffset: 57;
69
+ transition-delay: 0s;
66
70
  }
67
- .modal-content-large[data-v-1de61d2e] {
68
- max-width: 800px;
71
+ .svg-check-mark[data-v-a0429592] {
72
+ stroke-dasharray: 149;
73
+ stroke-dashoffset: 149;
74
+ transition-delay: 0s;
69
75
  }
70
- .modal-content-normal[data-v-1de61d2e] {
71
- max-width: 640px;
76
+ .icon-is-invalid .svg-x-mark[data-v-a0429592] {
77
+ stroke-dashoffset: 0;
78
+ transition-delay: 0.3s;
72
79
  }
73
- .modal-content-small[data-v-1de61d2e] {
74
- max-width: 480px;
80
+ .icon-is-valid .svg-check-mark[data-v-a0429592] {
81
+ stroke-dashoffset: 0;
82
+ transition-delay: 0.3s;
75
83
  }
76
- @keyframes modal-fade-1de61d2e {
77
- from {
78
- opacity: 0;
84
+ .circular-loader[data-v-a0429592] {
85
+ animation: rotate-a0429592 0.7s linear infinite,fade-in-a0429592 0.4s;
86
+
87
+ transform-origin: center center;
88
+ transform: scale(5);
89
+
90
+ background: transparent;
79
91
  }
80
- to {
81
- opacity: 1;
92
+ .loader-path[data-v-a0429592] {
93
+ stroke-dasharray: 50, 200;
94
+ stroke-dashoffset: -100;
95
+ stroke-linecap: round;
82
96
  }
97
+ .loader-path-off[data-v-a0429592] {
98
+ stroke-dasharray: 50, 200;
99
+ stroke-dashoffset: -100;
100
+ transition: opacity 0.3s;
101
+ opacity: 0;
83
102
  }
84
- @keyframes modal-pop-1de61d2e {
103
+ @keyframes fade-in-a0429592 {
85
104
  0% {
86
105
  opacity: 0;
87
106
  }
107
+ 70% {
108
+ opacity: 0;
109
+ }
88
110
  100% {
89
111
  opacity: 1;
90
- transform: scale(1);
91
112
  }
92
113
  }
93
- .modal-header[data-v-1de61d2e] {
94
- padding: 12px 24px;
95
- color: var(--scalar-api-client-theme-color-1);
96
- font-size: var(--scalar-api-client-theme-font-size-4);
97
- text-align: left;
98
- font-weight: 600;
99
- border-radius: var(--scalar-api-client-rounded) var(--scalar-api-client-rounded) 0 0;
114
+ @keyframes rotate-a0429592 {
115
+ from {
116
+ transform: scale(5) rotate(0deg);
100
117
  }
101
-
102
- .navtable-mock {
103
- background-repeat: repeat;
104
- width: 100%;
105
- background-image: linear-gradient(
106
- 0deg,
107
- var(--scalar-api-client-border-color) 1px,
108
- --scalar-api-client-background-primary 1px
109
- );
110
- background-size: 31px 31px;
111
- background-position: center 1px;
112
- flex: 1;
113
- position: relative;
118
+ to {
119
+ transform: scale(5) rotate(360deg);
114
120
  }
115
- .navtable-mock .navtable-item {
116
- position: absolute;
117
- width: 100%;
118
- height: 100%;
119
- left: 0;
120
- top: 0;
121
- background: transparent;
122
- border-top: none;
123
121
  }
124
- .radio {
125
- height: 16px;
126
- width: 16px;
127
- background: transparent;
128
- border: var(--border);
129
- flex-shrink: 0;
130
- margin-right: 6px;
131
- margin-left: 4px;
132
- border-radius: 50%;
122
+
123
+ .flow-button[data-v-6c87717a] {
133
124
  display: flex;
134
125
  align-items: center;
135
126
  justify-content: center;
136
- outline: none;
137
- }
138
- .radio:before {
139
- content: '';
140
- position: absolute;
141
- top: 0;
142
- left: 0;
143
- width: 100%;
144
- height: 100%;
127
+ z-index: 1;
128
+ position: relative;
129
+ appearance: none;
130
+ -webkit-appearance: none;
131
+ height: 40px;
132
+ padding: 0px 24px;
133
+ border-radius: var(--scalar-api-reference-rounded);
134
+ color: var(--scalar-api-reference-theme-button-1-color);
135
+ font-size: var(--scalar-api-reference-theme-font-size-4);
136
+ font-weight: 500;
145
137
  cursor: pointer;
138
+ background: var(--scalar-api-reference-theme-button-1);
139
+ border: none;
140
+ width: 100%;
141
+ box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
146
142
  }
147
- .navtable-item__active .radio:after {
148
- content: '';
149
- width: 5px;
150
- height: 8px;
151
- border: solid white;
152
- border-width: 0 1.5px 1.5px 0;
153
- transform: rotate(45deg) translate3d(-0.5px, -1px, 0);
154
- }
155
- .radio.post {
156
- background: var(--scalar-api-client-post-color);
157
- }
158
- .radio.delete {
159
- background: var(--scalar-api-client-delete-color);
143
+ .flow-button[data-v-6c87717a]:hover,
144
+ .flow-button[data-v-6c87717a]:focus-visible {
145
+ background: var(--scalar-api-reference-theme-button-1-hover);
160
146
  }
161
- .radio.patch {
162
- background: var(--scalar-api-client-patch-color);
147
+ .flow-button[data-v-6c87717a]:active {
148
+ box-shadow: none;
149
+ background: var(--scalar-api-reference-theme-button-1);
163
150
  }
164
- .radio.get {
165
- background: var(--scalar-api-client-get-color);
151
+ .flow-button[disabled][data-v-6c87717a] {
152
+ background: var(--scalar-api-reference-theme-background-2);
153
+ color: var(--scalar-api-reference-theme-color-3);
154
+ cursor: unset;
155
+ box-shadow: none;
166
156
  }
167
- .radio.put {
168
- background: var(--scalar-api-client-put-color);
157
+ .flow-button.flow-button-icon-only[data-v-6c87717a] {
158
+ width: 24px;
159
+ height: 24px;
160
+ padding: 0;
169
161
  }
170
162
 
171
- .scalar-api-client__address-bar {
172
- width: 100%;
173
- padding: 12px 12px 10px 12px;
174
- display: flex;
175
- align-items: center;
176
- position: relative;
177
- background: var(--scalar-api-client-background-primary);
163
+ /* ----------------------------------------------------- */
164
+ .flow-button-outlined[data-v-6c87717a] {
165
+ background: var(--scalar-api-reference-theme-background-1);
166
+ color: var(--scalar-api-reference-theme-color-1);
167
+ padding: 11px 23px;
168
+ border: var(--scalar-api-reference-border);
169
+ box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
178
170
  }
179
- .scalar-api-client__url-form {
180
- display: flex;
181
- width: 100%;
182
- align-items: stretch;
183
- border-radius: var(--scalar-api-client-rounded);
184
- }
185
- .scalar-api-client__field {
186
- border: var(--scalar-api-client-border);
187
- border-right: 0;
188
- border-radius: var(--scalar-api-client-rounded) 0 0
189
- var(--scalar-api-client-rounded);
190
- display: flex;
191
- align-items: stretch;
192
- width: 100%;
171
+ .flow-button-outlined[data-v-6c87717a]:hover,
172
+ .flow-button-outlined[data-v-6c87717a]:focus-visible {
173
+ background: var(--scalar-api-reference-theme-background-2);
193
174
  }
194
- .scalar-api-client__address-bar-data {
195
- width: 100%;
175
+ .flow-button-outlined[data-v-6c87717a]:active {
176
+ background: var(--scalar-api-reference-theme-background-2);
196
177
  }
197
- .scalar-api-client__address-bar-data-meta {
198
- display: flex;
199
- margin-top: 5px;
178
+ .flow-button-outlined[disabled][data-v-6c87717a] {
179
+ background: var(--scalar-api-reference-theme-background-2);
180
+ color: var(--scalar-api-reference-theme-color-3);
181
+ cursor: unset;
182
+ box-shadow: none;
200
183
  }
201
- .scalar-api-client__request-type {
202
- display: flex;
203
- align-items: center;
204
- background: var(--scalar-api-client-background-secondary);
205
- color: var(--scalar-api-client-color-3);
206
- appearance: none;
207
- -webkit-appearance: none;
208
- padding: 0 12px;
209
- border-right: var(--scalar-api-client-border);
210
- border-radius: var(--scalar-api-client-rounded) 0 0
211
- var(--scalar-api-client-rounded);
212
- position: relative;
184
+
185
+ /* ----------------------------------------------------- */
186
+ .flow-button-clear[data-v-6c87717a] {
187
+ background: transparent;
188
+ box-shadow: none;
189
+ color: var(--scalar-api-reference-theme-color-3);
213
190
  }
214
- .scalar-api-client__request-type span {
215
- font-family: var(--scalar-api-client-font-mono);
216
- font-size: 500;
217
- font-size: 12px;
218
- text-transform: uppercase;
191
+ .flow-button-clear[data-v-6c87717a]:active {
192
+ background: transparent;
219
193
  }
220
- .scalar-api-client__request-type svg {
221
- margin-left: 6px;
222
- width: 8px;
194
+ .flow-button-clear[data-v-6c87717a]:hover,
195
+ .flow-button-clear[data-v-6c87717a]:focus-visible {
196
+ background: var(--scalar-api-reference-theme-background-2);
197
+ box-shadow: none;
223
198
  }
224
- .scalar-api-client__request-type i {
225
- width: 10px;
226
- height: 10px;
227
- border-radius: 50%;
228
- margin-right: 6px;
229
- text-align: center;
230
- line-height: 18px;
231
- font-style: normal;
232
- flex-shrink: 0;
233
- display: inline-block;
234
- color: var(--scalar-api-client-color-3);
235
- background: var(--scalar-api-client-color);
199
+ .flow-button-clear[disabled][data-v-6c87717a] {
200
+ background: var(--scalar-api-reference-theme-background-2);
201
+ color: var(--scalar-api-reference-theme-color-3);
202
+ cursor: unset;
203
+ box-shadow: none;
236
204
  }
237
- .meta-request-break {
238
- margin: 0 5px;
205
+
206
+ /* ----------------------------------------------------- */
207
+ .flow-button-text[data-v-6c87717a] {
208
+ background: transparent;
209
+ box-shadow: none;
210
+ color: var(--scalar-api-reference-theme-color-3);
239
211
  }
240
- .scalar-api-client__history {
241
- appearance: none;
242
- -webkit-appearance: none;
212
+ .flow-button-text[data-v-6c87717a]:active {
243
213
  background: transparent;
244
- color: var(--scalar-api-client-theme-color-2);
245
- display: flex;
246
- align-items: center;
247
- border-radius: var(--scalar-api-client-rounded);
248
- height: 100%;
249
214
  }
250
- .scalar-api-client__url-submit {
251
- font-size: var(--scalar-api-client-text-xs);
252
- letter-spacing: 0.25px;
253
- line-height: 30px;
254
- font-weight: var(--scalar-api-client-font-semibold);
255
- color: white;
256
- border: none;
257
- white-space: nowrap;
258
- padding: 0 10px;
259
- text-transform: uppercase;
260
- cursor: pointer;
261
- outline: none;
262
- border-radius: 0 var(--scalar-api-client-rounded)
263
- var(--scalar-api-client-rounded) 0;
264
- background: var(--scalar-api-client-color);
265
- /** #087f5b */
266
- border: 1px solid
267
- color-mix(in srgb, black 15%, var(--scalar-api-client-color));
268
- display: flex;
269
- align-items: center;
270
- }
271
- .scalar-api-client__url-submit svg {
272
- width: 12px;
273
- height: 12px;
274
- margin-right: 6px;
275
- }
276
- .scalar-api-client__url-submit--loading {
277
- font-size: 0;
278
- display: flex;
279
- align-items: center;
280
- justify-content: center;
281
- min-width: 127px;
282
- }
283
- .scalar-api-client__url-submit--loading svg {
284
- display: none;
215
+ .flow-button-text[data-v-6c87717a]:hover,
216
+ .flow-button-text[data-v-6c87717a]:focus-visible {
217
+ color: var(--scalar-api-reference-theme-color-2);
218
+ background: transparent;
219
+ box-shadow: none;
285
220
  }
286
- .scalar-api-client__url-submit--loading:before {
287
- content: '';
288
- border: 1px solid rgba(0, 0, 0, 0.1);
289
- border-top: 1px solid white;
290
- animation: urlloader 0.45s linear infinite;
221
+ .flow-button-text[disabled][data-v-6c87717a] {
291
222
  background: transparent;
292
- width: 14px;
293
- height: 14px;
294
- margin-left: 0;
295
- margin-right: 9px;
296
- border-radius: 50%;
223
+ color: var(--scalar-api-reference-theme-color-ghost);
224
+ cursor: unset;
225
+ box-shadow: none;
297
226
  }
298
- .scalar-api-client__url-submit--loading:after {
299
- content: 'Loading';
300
- font-size: 12px;
227
+
228
+ /* ----------------------------------------------------- */
229
+ .flow-button--delete[data-v-6c87717a] {
230
+ background: var(--scalar-api-reference-theme-error-color);
231
+ color: white;
301
232
  }
302
- @keyframes urlloader {
303
- 0% {
304
- transform: rotate(0deg);
233
+ .flow-button--delete[data-v-6c87717a]:active {
234
+ background: var(--scalar-api-reference-theme-error-color);
305
235
  }
306
- to {
307
- transform: rotate(1turn);
236
+ .flow-button--delete[data-v-6c87717a]:hover {
237
+ background: var(--scalar-api-reference-theme-error-color);
238
+ opacity: 0.86;
308
239
  }
240
+
241
+ /* ----------------------------------------------------- */
242
+ .flow-button-loader[data-v-6c87717a] {
243
+ position: absolute;
244
+ right: 8px;
309
245
  }
310
- .scalar-api-client__history-toggle {
311
- padding: 0 9px;
312
- line-height: 30px;
313
- color: var(--scalar-api-client-color-3);
314
- font-size: var(--scalar-api-client-text-xs);
315
- letter-spacing: 0.125px;
316
- font-weight: var(--scalar-api-client-font-semibold);
317
- text-transform: uppercase;
318
- height: 100%;
246
+ .flow-button-decorator[data-v-6c87717a] {
247
+ margin-right: 9px;
248
+ color: currentColor;
319
249
  display: flex;
320
250
  align-items: center;
321
- cursor: pointer;
322
- white-space: nowrap;
323
- border: var(--scalar-api-client-border);
324
- margin-left: 12px;
325
- border-radius: var(--scalar-api-client-rounded);
326
- }
327
- .scalar-api-client__history-toggle:hover {
328
- background: var(--scalar-api-client-background-secondary);
329
- }
330
- .scalar-api-client__history-toggle svg {
331
- height: 13px;
332
- width: 13px;
333
- margin-right: 6px;
334
- color: var(--scalar-api-client-color-3);
251
+ height: 14px;
252
+ width: 14px;
335
253
  }
336
- .scalar-api-client__address-bar-close {
337
- fill: var(--scalar-api-client-color-3);
338
- margin-left: 12px;
339
- height: 24px;
254
+ .flow-button-icon-only .flow-button-decorator[data-v-6c87717a] {
255
+ margin-right: 0;
340
256
  }
341
- .scalar-api-client__address-bar-close:hover {
342
- cursor: pointer;
343
- fill: var(--scalar-api-client-theme-color-1);
257
+
258
+ .action-menu[data-v-ef4aac03] {
259
+ position: absolute;
260
+ top: 5px;
261
+ right: 5px;
262
+ display: flex;
263
+ gap: 6px;
344
264
  }
345
- .scalar-api-client__address-bar-content {
346
- width: 640px;
347
- height: 100%;
348
- background: --scalar-api-client-background-primary;
349
- box-shadow: var(--scalar-api-client-theme-shadow-2);
350
- position: fixed;
351
- top: 0;
352
- right: 0;
353
- z-index: 1000;
354
- transform: translate3d(640px, 0, 0);
265
+ /**
266
+ * Some awkwardness to make the dropdown buttons hidden when not hovered
267
+ * but still show when the panel is open and focused
268
+ */
269
+ .action-menu[data-v-ef4aac03] .button-wrapper button {
270
+ /* Hide the icons by default */
355
271
  opacity: 0;
356
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
357
- opacity 0.01s ease-in-out 0.5s;
358
- pointer-events: none;
359
- }
360
- .scalar-api-client__address-bar-content-item {
361
- height: 100vh;
362
- max-height: 100vh;
363
- overflow: auto;
364
- }
365
- .scalar-api-client__address-bar__on {
366
- z-index: 100000;
367
- }
368
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {
369
- transform: translate3d(0, 0, 0);
370
- opacity: 1;
371
- pointer-events: all;
372
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
272
+ width: 20px;
273
+ height: 20px;
274
+ padding: 4px;
373
275
  }
374
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {
276
+ .action-menu[data-v-ef4aac03]:hover .button-wrapper button,
277
+ .action-menu[data-v-ef4aac03] .button-wrapper button:hover,
278
+ .sidebar-heading:hover ~ .action-menu[data-v-ef4aac03] .button-wrapper button,
279
+ .action-menu[data-v-ef4aac03] .button-wrapper button[aria-expanded='true'] {
375
280
  opacity: 1;
376
- pointer-events: all;
377
- cursor: pointer;
378
- }
379
- .scalar-api-client__address-bar .navtable-item__active {
380
- background: var(--scalar-api-client-background-secondary);
381
- cursor: default;
382
- }
383
- .scalar-api-client__address-bar .navtable-item__active .radio:before {
384
- display: none;
385
281
  }
386
- .navigation-back {
387
- stroke: var(--scalar-api-client-theme-color-2);
388
- cursor: pointer;
282
+ .sidebar-heading[data-v-ef4aac03]:has(~ .action-menu:hover) {
283
+ /* prettier-ignore */
284
+ color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
285
+ /* prettier-ignore */
286
+ background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
389
287
  }
390
- .navigation-back:hover {
391
- stroke: var(--scalar-api-client-theme-color-1);
288
+
289
+ .sidebar {
290
+ --theme-sidebar-indent-base: 6px;
291
+ /* prettier-ignore */
292
+ background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
392
293
  }
393
- .scalar-api-client__address-bar__close {
394
- width: 100%;
294
+
295
+ /* ----------------------------------------------------- */
296
+ /* Main sidebar styles */
297
+ .sidebar {
298
+ flex: 1;
395
299
  height: 100%;
396
- position: fixed;
397
- top: 0;
398
- left: 0;
399
- /* background: rgba(0,0,0,.55);
400
- */
401
- pointer-events: none;
402
- opacity: 0;
403
- transition: all 0.1s ease-in-out;
404
- z-index: 1000;
300
+ display: flex;
301
+ flex-direction: column;
302
+ /* prettier-ignore */
303
+ background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
304
+ --sidebar-level: 0;
405
305
  }
406
- .navtable-item-request span {
407
- padding: 8px 9px 8px 0;
408
- border: none;
409
- outline: none;
410
- font-size: 12px;
411
- color: var(--scalar-api-client-theme-color-1);
306
+ .pages {
307
+ padding-top: 9px;
308
+ padding-bottom: 9px;
309
+ }
310
+ .sidebar-group {
311
+ list-style: none;
412
312
  width: 100%;
413
- display: block;
414
- overflow: hidden;
415
- white-space: nowrap;
416
- text-overflow: ellipsis;
417
313
  }
418
- .navtable-item-request span em {
419
- text-transform: uppercase;
420
- font-style: normal;
421
- font-family: var(--scalar-api-client-font-mono);
422
- font-size: 11px;
423
- margin-right: 6px;
424
- font-weight: var(--scalar-api-client-font-bold);
425
- color: var(--scalar-api-client-color-3);
314
+ .sidebar-heading {
315
+ display: flex;
316
+ gap: 6px;
317
+
318
+ /* prettier-ignore */
319
+ color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
320
+ font-size: var(--scalar-api-reference-theme-mini);
321
+ font-weight: var(--scalar-api-reference-theme-semibold);
322
+ word-break: break-word;
323
+ line-height: 1.385;
324
+ display: flex;
325
+ align-items: center;
326
+ max-width: 100%;
327
+ position: relative;
328
+ cursor: pointer;
329
+ /* prettier-ignore */
330
+ border-radius: 0 var(--scalar-api-reference-rounded) var(--scalar-api-reference-rounded) 0;
331
+ flex: 1;
332
+ padding-right: 12px;
333
+ user-select: none;
426
334
  }
427
- .navtable-item-time {
428
- font-size: 12px;
429
- color: var(--scalar-api-client-theme-color-1);
430
- text-transform: capitalize;
431
- padding: 0 9px;
335
+
336
+ /* Folder/page collapse icon */
337
+ .toggle-nested-icon {
338
+ border: none;
339
+ position: absolute !important;
340
+ left: 2px;
341
+ top: 50%;
342
+ transform: translateY(-50%);
343
+ color: currentColor;
432
344
  }
433
- @media screen and (max-width: 720px) {
434
- .scalar-api-client__history-toggle span,
435
- .scalar-api-client__url-submit span {
436
- display: none;
345
+ .toggle-nested-icon:hover,
346
+ .toggle-nested-icon:focus-visible {
347
+ color: currentColor;
348
+ filter: drop-shadow(0 0.125px 0 currentColor)
349
+ drop-shadow(0 -0.125px 0 currentColor);
437
350
  }
438
- .scalar-api-client__history-toggle svg,
439
- .scalar-api-client__url-submit svg {
440
- margin-right: 0;
351
+
352
+ /* We indent each level of nesting further */
353
+ .sidebar-indent-nested .sidebar-heading {
354
+ /* prettier-ignore */
355
+ padding-left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 24px) !important;
441
356
  }
442
- .scalar-api-client__history-toggle,
443
- .scalar-api-client__url-submit {
444
- height: 31.5px;
445
- width: 31.5px;
357
+
358
+ /* Collapse/expand icons must also be offset */
359
+ .sidebar-indent-nested .sidebar-heading .toggle-nested-icon {
360
+ /* prettier-ignore */
361
+ left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 2px) !important;
446
362
  }
363
+ .sidebar-heading-link {
364
+ padding-right: 12px;
365
+ padding: 6px 0;
366
+ display: flex;
367
+ align-items: center;
447
368
  }
448
369
 
449
- .scalar-api-client__item {
450
- border-radius: var(--scalar-api-client-rounded);
451
- margin-bottom: 6px;
452
- background: var(--scalar-api-client-background-secondary);
453
- box-shadow: var(--shadow1);
370
+ /* Sidebar link icon */
371
+ .link-icon {
454
372
  position: relative;
373
+ left: 4px;
455
374
  }
456
- .scalar-api-client__item button {
457
- background-color: transparent;
375
+ .sidebar-icon {
376
+ display: flex;
377
+ align-items: center;
378
+ justify-content: center;
379
+ margin-right: 6px;
380
+
381
+ width: 13px;
382
+ height: 13px;
458
383
  }
459
- .scalar-api-client__item:hover {
460
- cursor: pointer;
384
+ .sidebar-icon > svg {
385
+ width: 13px;
386
+ height: 13px;
387
+ }
388
+ .sidebar-heading:hover {
389
+ /* prettier-ignore */
390
+ color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
391
+ /* prettier-ignore */
392
+ background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
461
393
  }
462
- .scalar-api-client__item--open {
463
- background: var(--scalar-api-client-background-secondary);
394
+ .active_page.sidebar-heading:hover,
395
+ .active_page.sidebar-heading,
396
+ .marc_active .sidebar-heading {
397
+ /* prettier-ignore */
398
+ background: var(--sidebar-item-active-background, var(--scalar-api-reference-theme-background-3)) !important;
399
+ /* prettier-ignore */
400
+ color: var(--scalar-api-reference-sidebar-color-active, var(--scalar-api-reference-theme-color-accent)) !important;
464
401
  }
465
- .scalar-api-client__item--open:focus-within {
466
- box-shadow: var(--shadow1);
402
+ .sidebar-group-item {
403
+ position: relative;
467
404
  }
468
- .scalar-api-client__item--open .scalar-api-client__item__content {
469
- display: flex;
405
+
406
+ /* Change font colors and weights for nested items */
407
+ .sidebar-indent-nested .sidebar-heading {
408
+ /* prettier-ignore */
409
+ color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
470
410
  }
471
- .scalar-api-client__item--open:hover {
472
- cursor: default;
411
+ .sidebar-indent-nested .sidebar-indent-nested .sidebar-heading {
412
+ /* prettier-ignore */
413
+ color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
473
414
  }
474
- .scalar-api-client__item--open .scalar-api-client__toggle__icon {
475
- transform: rotate(90deg);
415
+ .sidebar-indent-nested > div:has(.active_page) .sidebar-heading {
416
+ font-weight: var(--scalar-api-reference-theme-bold);
476
417
  }
477
- .scalar-api-client__toggle {
478
- padding: 6px 12px;
479
- min-height: 37px;
418
+ .sidebar-mobile-header {
480
419
  display: flex;
481
420
  align-items: center;
482
- justify-content: space-between;
483
- position: relative;
421
+ gap: 12px;
422
+ height: 100%;
484
423
  width: 100%;
424
+ padding: 0 6px;
485
425
  }
486
- .scalar-api-client__item .scalar-api-client__item__title {
487
- color: var(--scalar-api-client-theme-color-1);
488
- font-size: var(--scalar-api-client-text-sm);
489
- font-weight: var(--scalar-api-client-font-bold);
490
- user-select: none;
426
+ .sidebar-mobile-breadcrumbs {
491
427
  flex: 1;
428
+ min-width: 0;
429
+ overflow: hidden;
430
+ white-space: nowrap;
431
+ text-overflow: ellipsis;
432
+ font-size: var(--scalar-api-reference-theme-small);
433
+ font-weight: var(--scalar-api-reference-theme-semibold);
492
434
  }
493
- .scalar-api-client__item .scalar-api-client__item__title:after {
494
- content: '';
495
- position: absolute;
496
- top: 0;
497
- left: 0;
498
- width: 100%;
499
- height: 100%;
500
- display: block;
501
- }
502
- .scalar-api-client__item .scalar-api-client__toggle__icon {
503
- width: 10px;
504
- margin-right: 6px;
505
- color: var(--scalar-api-client-theme-color-1);
506
- }
507
- .scalar-api-client__item__options {
508
- position: relative;
509
- }
510
- .scalar-api-client__item__options span {
511
- background: var(--scalar-api-client-background-3);
512
- padding: 2px 6px;
513
- border-radius: 3px;
514
- font-size: 12px;
515
- pointer-events: none;
516
- color: var(--scalar-api-client-theme-color-2);
517
- border: var(--scalar-api-client-border);
435
+ .sidebar-mobile-actions {
518
436
  display: flex;
437
+ flex-direction: row;
438
+ gap: 4px;
439
+ height: 24px;
519
440
  align-items: center;
520
- justify-content: center;
521
- }
522
- .scalar-api-client__item__options span svg {
523
- width: 9px;
524
- height: 9px;
525
- margin-left: 3px;
526
- }
527
- .scalar-api-client__item__options select {
528
- position: absolute;
529
- top: 0;
530
- left: 0;
531
- width: 100%;
532
- height: 100%;
533
- opacity: 0;
534
- cursor: pointer;
441
+ padding: 0 4px;
535
442
  }
536
-
537
- .table {
538
- border: var(--scalar-api-client-border);
539
- background: transparent;
540
- border-radius: var(--scalar-api-client-rounded);
541
- width: 100%;
443
+ .sidebar-mobile-actions .sidebar-mobile-darkmode-toggle {
444
+ height: 16px;
445
+ width: 16px;
542
446
  }
543
- .table-row {
544
- border-bottom: var(--scalar-api-client-border);
545
- display: flex;
546
- position: relative;
447
+ @media (max-width: 1000px) {
448
+ .sidebar {
449
+ min-height: 0;
547
450
  }
548
- .table-row__add {
549
- border-radius: 0 0 var(--scalar-api-client-rounded)
550
- var(--scalar-api-client-rounded);
551
- border-bottom: none;
451
+ .pages {
452
+ padding-top: 12px;
552
453
  }
553
- .table-row.required-parameter .table-row-item:nth-of-type(2):after {
554
- content: 'Required';
555
- position: absolute;
556
- top: 4px;
557
- right: 0;
558
- padding: 5px 9px 5px 6px;
559
- font-weight: var(--scalar-api-client-font-semibold);
560
- font-size: 12px;
561
- background: var(--scalar-api-client-background-secondary);
562
- box-shadow: -2px 0 4px var(--scalar-api-client-background-secondary);
563
454
  }
564
- .table-row.required-parameter
565
- .table-row-item:nth-of-type(2):focus-within:after {
566
- display: none;
455
+ @media (max-width: 500px) {
456
+ .header-item-link.header-item-active,
457
+ .sidebar-section,
458
+ .sidebar-heading {
459
+ font-size: var(--scalar-api-reference-theme-mini);
567
460
  }
568
- .table-row:last-of-type {
569
- border-bottom: none;
570
461
  }
571
- .table-row__active {
572
- border-radius: 0 0 var(--scalar-api-client-rounded)
573
- var(--scalar-api-client-rounded);
462
+
463
+ .scalar-api-client__container .scalar-api-client[data-v-7b73462e] {
464
+ width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
574
465
  }
575
- .table-row-drag {
576
- width: 20px;
577
- flex-shrink: 0;
578
- border-right: var(--scalar-api-client-border);
579
- align-items: center;
580
- justify-content: center;
581
- display: none;
466
+ .scalar-api-client__container[data-v-7b73462e] {
467
+ position: absolute;
468
+ right: 0;
469
+ left: 0;
470
+ bottom: 0;
471
+ top: 0;
472
+ z-index: 9;
473
+ border-radius: 0;
474
+ box-shadow: none;
475
+ opacity: 1;
476
+ overflow: hidden;
477
+ pointer-events: all;
478
+ background: var(--scalar-api-reference-theme-background-1) !important;
479
+ border-radius: var(--scalar-api-reference-rounded);
480
+ box-shadow: var(--scalar-api-reference-theme-shadow-1);
481
+ height: 100%;
482
+ overflow: hidden;
483
+ display: flex;
484
+ flex-direction: column;
582
485
  }
583
- .table-row-drag svg {
584
- width: 6px;
585
- fill: var(--scalar-api-client-color-3);
486
+ @media screen and (max-width: 1265px) {
487
+ .scalar-api-client__container[data-v-7b73462e] {
488
+ width: 100vw !important;
586
489
  }
587
- .table-row-drag .table-row-drag-add {
588
- width: 8px;
589
490
  }
590
- .table-row-item {
491
+ .scalar-api-client__navigation[data-v-7b73462e] {
591
492
  width: 100%;
592
- border-right: var(--scalar-api-client-border);
593
- position: relative;
594
- }
595
- .table-row-item-menu {
596
- position: absolute;
597
- right: 12px;
598
- background: var(--scalar-api-client-background-3);
599
- border: var(--scalar-api-client-border);
600
- width: 24px;
601
- height: 24px;
602
- top: 50%;
603
- transform: translate3d(0, -50%, 0);
604
- border-radius: var(--scalar-api-client-rounded);
605
493
  display: flex;
606
494
  align-items: center;
607
- justify-content: center;
608
- opacity: 0;
609
- cursor: pointer;
610
- }
611
- .table-row-item input:focus + .table-row-item-menu,
612
- .table-row-item:hover .table-row-item-menu {
613
- opacity: 1;
614
- }
615
- .table-row-item-menu svg {
616
- height: 12px;
617
- width: initial;
618
- fill: var(--scalar-api-client-color-3);
495
+ padding: 11px 12px;
496
+ height: var(--scalar-api-reference-theme-header-height);
497
+ background-color: var(--scalar-api-reference-theme-background-1);
498
+ z-index: 10;
499
+ position: sticky;
500
+ border-bottom: var(--scalar-api-reference-border);
501
+ top: 0;
619
502
  }
620
- .table-row-item input {
621
- border: none;
503
+ .scalar-api-client__close[data-v-7b73462e] {
622
504
  appearance: none;
505
+ border: none;
623
506
  outline: none;
624
- padding: 9px;
625
- width: 100%;
626
- background: var(--scalar-api-client-background-input);
627
- color: var(--scalar-api-client-theme-color-1);
628
- font-size: 12px;
629
- }
630
- .table-row-item input[disabled] {
631
- background: transparent;
632
- font-family: var(--scalar-api-client-font-mono);
633
- }
634
- .table-row-item input:focus {
635
- background: var(--scalar-api-client-background-secondary);
636
- }
637
- .table-row-item label {
638
- background: transparent;
639
- text-transform: uppercase;
640
- display: block;
641
- padding: 9px;
642
- font-weight: var(--scalar-api-client-font-bold);
643
- color: var(--scalar-api-client-color-3);
644
- font-size: 12px;
645
- }
646
- .table-row-meta {
647
- overflow: hidden;
648
- flex-shrink: 0;
649
- transition: all 0.15s ease-in-out;
650
507
  display: flex;
651
508
  align-items: center;
652
- justify-content: center;
653
- width: 32px;
654
- user-select: none;
655
- }
656
- .table-row-meta-check {
657
- width: 18px;
658
- height: 18px;
659
- border-radius: var(--scalar-api-client-rounded);
660
- background: rgba(47, 177, 228, 0.1);
509
+ background: transparent;
510
+ font-size: 14px;
511
+ color: var(--scalar-api-reference-theme-color-1);
512
+ font-weight: var(--scalar-api-reference-theme-semibold);
661
513
  }
662
- .table-row-meta svg {
663
- width: 13px;
664
- height: 13px;
665
- margin: 0 1px;
666
- color: var(--scalar-api-client-color-3);
514
+ .scalar-api-client__close[data-v-7b73462e]:hover {
667
515
  cursor: pointer;
668
516
  }
669
- .table-row-meta svg:hover {
670
- color: var(--scalar-api-client-theme-color-2);
671
- }
672
- .meta-check {
517
+ /*
518
+ TODO: Markup is missing
519
+ .scalar-api-client__close__icon {
520
+ width: 28px;
521
+ height: 28px;
522
+ border-radius: var(--scalar-api-reference-rounded);
523
+ margin-right: 12px;
673
524
  display: flex;
674
- position: relative;
675
- cursor: pointer;
525
+ justify-content: center;
676
526
  align-items: center;
677
- font-size: 12px;
678
- border-radius: var(--scalar-api-client-rounded);
679
- user-select: none;
680
- margin: 0 1px;
681
- transition: all 0.15s ease-in-out;
527
+ color: var(--scalar-api-reference-theme-color-2);
682
528
  }
683
- .meta-check input {
684
- position: absolute;
529
+ .scalar-api-client__close__icon:hover {
530
+ background: var(--scalar-api-reference-theme-background-2);
531
+ }
532
+ .scalar-api-client__close__icon svg {
533
+ width: 12px;
534
+ height: 12px;
535
+ transform: rotate(180deg);
536
+ } */
537
+ .api-client-drawer[data-v-7b73462e] {
538
+ background: var(--scalar-api-reference-theme-background-1);
539
+ height: calc(100vh - 58px);
540
+ width: calc(100vw - 8px);
541
+ border-radius: 12px;
542
+ overflow: hidden;
543
+ visibility: visible;
544
+ position: fixed;
545
+ bottom: 4px;
546
+ left: 4px;
547
+ z-index: 9999;
685
548
  opacity: 0;
686
- cursor: pointer;
687
- height: 0;
688
- width: 0;
549
+ animation: apiclientfadein-7b73462e 0.35s forwards;
689
550
  }
690
- .meta-checkmark {
691
- height: 15px;
692
- width: 15px;
693
- background: var(--scalar-api-client-background-input);
694
- border-radius: 3px;
695
- display: flex;
696
- align-items: center;
697
- justify-content: center;
698
- position: relative;
551
+ @keyframes apiclientfadein-7b73462e {
552
+ from {
553
+ transform: translate3d(0, 20px, 0) scale(0.985);
554
+ opacity: 0;
699
555
  }
700
- .meta-check .meta-checkmark:after {
701
- content: '';
702
- display: none;
703
- width: 5px;
704
- height: 8px;
705
- border: solid var(--scalar-api-client-theme-color-1);
706
- border-width: 0 1.5px 1.5px 0;
707
- transform: rotate(45deg) translate3d(0, -1px, 0);
556
+ to {
557
+ transform: translate3d(0, 0, 0) scale(1);
558
+ opacity: 1;
708
559
  }
709
- .meta-check input:checked ~ .meta-checkmark:after {
710
- display: block;
711
560
  }
712
-
713
- .navtable {
714
- width: 100%;
561
+ .api-client-drawer-exit[data-v-7b73462e] {
562
+ position: fixed;
563
+ top: 0;
564
+ left: 0;
565
+ width: 100vw;
566
+ height: 100vh;
567
+ background: rgba(0, 0, 0, 0.44);
568
+ transition: all 0.3s ease-in-out;
569
+ z-index: 9998;
570
+ cursor: pointer;
571
+ animation: drawerexitfadein-7b73462e 0.35s forwards;
715
572
  }
716
- .navtable-follow {
717
- background-color: black;
718
- color: white;
719
- font-size: 9px;
720
- padding: 6px;
721
- display: -webkit-box;
722
- max-width: 250px;
723
- -webkit-line-clamp: 12;
724
- border-radius: 3px;
725
- -webkit-box-orient: vertical;
726
- overflow: hidden;
727
- line-height: 1.24;
728
- transform: translate3d(10px, 0, 0);
573
+ @keyframes drawerexitfadein-7b73462e {
574
+ from {
575
+ opacity: 0;
729
576
  }
730
- .navtable-follow:after {
731
- content: '';
732
- position: absolute;
733
- bottom: 0;
734
- width: 100%;
735
- height: 6px;
736
- background-color: black;
577
+ to {
578
+ opacity: 1;
737
579
  }
738
- .navtable-follow * {
739
- font-family: var(--scalar-api-client-font-mono) !important;
740
580
  }
741
- .navtable-table {
742
- position: relative;
581
+ .scalar-api-client-height[data-v-7b73462e] {
582
+ height: 100%;
583
+ }
584
+ .scalar-api-client-height .sidebar[data-v-7b73462e] {
585
+ flex: 1 1 0%;
586
+ flex-grow: 1;
587
+ flex-shrink: 1;
588
+ flex-basis: 0%;
589
+ height: 100%;
743
590
  display: flex;
744
591
  flex-direction: column;
745
- min-height: 381px;
592
+ width: var(--scalar-api-reference-theme-sidebar-width);
593
+ border-right: 1px solid var(--scalar-api-reference-border-color);
746
594
  }
747
- .navtable-item {
748
- display: flex;
749
- position: relative;
750
- color: var(--scalar-api-client-theme-color-1);
751
- border-top: var(--scalar-api-client-border);
752
- font-weight: var(--scalar-api-client-font-semibold);
595
+
596
+ .card[data-v-18b26a5c] {
597
+ border-radius: var(--scalar-api-reference-rounded-lg);
598
+ overflow: hidden;
599
+ border: 1px solid var(--scalar-api-reference-border-color);
753
600
  }
754
- .navtable-item > div {
755
- word-wrap: break-word;
601
+
602
+ .card-content[data-v-8fdcb32d] {
603
+ overflow: auto;
604
+ padding: 10px 12px;
605
+ border-bottom: 1px solid var(--scalar-api-reference-border-color);
756
606
  }
757
- .navtable-item > div:not(:first-child) {
758
- border-left: var(--scalar-api-client-border);
607
+ .card-content[data-v-8fdcb32d]:last-of-type,
608
+ .card-content.card--borderless[data-v-8fdcb32d] {
609
+ border-bottom: none;
759
610
  }
760
- .navtable-item-action {
761
- color: var(--scalar-api-client-theme-color-2);
762
- font-size: 12px;
763
- font-weight: var(--scalar-api-client-font-bold);
764
- background: var(--scalar-api-client-bg3);
765
- border: none;
766
- border-radius: 30px;
767
- appearance: none;
768
- max-height: 25px;
769
- margin-left: 12px;
770
- margin-right: 6px;
771
- padding: 4px 8px;
772
- outline: none;
773
- cursor: pointer;
774
- opacity: 0;
775
- transition: opacity 0.15s ease-in-out;
776
- white-space: nowrap;
777
- position: relative;
611
+ .card--muted[data-v-8fdcb32d] {
612
+ background: var(--scalar-api-reference-theme-background-2);
778
613
  }
779
- .navtable-item-action:hover {
780
- color: var(--scalar-api-client-theme-color-1);
781
- background: var(--scalar-api-client-gradient);
782
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
614
+ .card--frameless[data-v-8fdcb32d] {
615
+ padding: 0;
783
616
  }
784
- .navtable-item-action:focus {
785
- background: var(--scalar-api-client-background-secondary);
617
+
618
+ .card-header[data-v-7ae5e9f2] {
619
+ font-weight: var(--scalar-api-reference-theme-semibold);
620
+ font-size: var(--scalar-api-reference-theme-mini);
621
+ color: var(--scalar-api-reference-theme-color-3);
786
622
  }
787
- .navtable-item:hover,
788
- .navtable-item:focus-within .navtable-item-action {
789
- opacity: 1;
623
+ .card-header-title[data-v-7ae5e9f2] {
624
+ text-transform: uppercase;
790
625
  }
791
- .navtable-item-add {
792
- display: flex;
793
- align-items: center;
794
- padding: 9px;
795
- font-weight: var(--scalar-api-client-font-bold);
796
- outline: none;
797
- border: none;
798
- appearance: none;
799
- background: transparent;
800
- color: var(--scalar-api-client-theme-color-1);
801
- }
802
- .navtable-item-add:hover {
803
- background: var(--scalar-api-client-background-secondary);
804
- cursor: pointer;
805
- }
806
- .navtable-item-25 {
807
- width: 25%;
808
- font-size: 12px;
626
+ .card-header-slots[data-v-7ae5e9f2] {
809
627
  display: flex;
628
+ justify-content: space-between;
810
629
  align-items: center;
811
630
  }
812
- .navtable-item-33 {
813
- width: 33.33333%;
631
+ .card-header-actions[data-v-7ae5e9f2] {
814
632
  display: flex;
815
- font-size: 12px;
816
633
  align-items: center;
817
634
  }
818
- .navtable-item-66 {
819
- width: 66.6666%;
820
- display: flex;
821
- font-size: 12px;
822
- align-items: center;
635
+
636
+ .card-footer[data-v-67e35cbc] {
637
+ border-top: 1px solid var(--scalar-api-reference-border-color);
823
638
  }
824
- .navtable-item-75 {
825
- width: 75%;
639
+
640
+ .tab-list[data-v-d1f27904] {
826
641
  display: flex;
827
- align-items: center;
828
- }
829
- .navtable-item-75:focus-within {
830
- background: var(--scalar-api-client-background-secondary);
642
+ gap: 6px;
643
+ position: relative;
831
644
  }
832
- .navtable-item-40 {
833
- width: 40%;
834
- display: flex;
835
- align-items: center;
645
+
646
+ .tab[data-v-a90e6576] {
647
+ background: none;
648
+ border: none;
649
+ font-size: var(--scalar-api-reference-theme-font-size-4);
650
+ font-family: var(--scalar-api-reference-font-sans);
651
+ color: var(--scalar-api-reference-theme-color-2);
652
+ font-weight: var(--scalar-api-reference-theme-semibold);
653
+ line-height: calc(var(--scalar-api-reference-theme-font-size-4) + 2px);
654
+ cursor: pointer;
836
655
  }
837
- .navtable-item-20 {
838
- width: 20%;
839
- display: flex;
840
- align-items: center;
656
+ .tab-selected[data-v-a90e6576] {
657
+ color: var(--scalar-api-reference-theme-color-1);
658
+ text-decoration: underline;
659
+ text-underline-offset: calc(
660
+ var(--scalar-api-reference-theme-font-size-4) - 1px
661
+ );
841
662
  }
842
- .navtable-item-50 {
843
- width: 50%;
844
- display: flex;
845
- align-items: center;
663
+
664
+ .markdown[data-v-b7dd07e1] * {
665
+ margin-top: 12px;
846
666
  }
847
- .navtable-item-50:focus-within {
848
- background: var(--scalar-api-client-background-secondary);
667
+ .markdown[data-v-b7dd07e1] h1,
668
+ .markdown[data-v-b7dd07e1] h2,
669
+ .markdown[data-v-b7dd07e1] h3,
670
+ .markdown[data-v-b7dd07e1] h4,
671
+ .markdown[data-v-b7dd07e1] h5,
672
+ .markdown[data-v-b7dd07e1] h6 {
673
+ font-size: var(--font-size);
674
+ margin: 12px 0 6px;
849
675
  }
850
- .navtable-item p {
851
- padding: 9px;
676
+ .markdown[data-v-b7dd07e1] p {
677
+ font-size: var(--font-size, var(--scalar-api-reference-theme-paragraph));
678
+ /* prettier-ignore */
679
+ color: var(--scalar-api-reference-font-color, var(--scalar-api-reference-theme-color-1));
680
+ font-weight: var(--font-weight, var(--scalar-api-reference-theme-regular));
681
+ line-height: 1.5;
852
682
  }
853
- .navtable-item input {
854
- padding: 12px 6px;
855
- border: none;
856
- outline: none;
857
- appearance: none;
858
- font-size: 12px;
859
- color: var(--scalar-api-client-theme-color-1);
860
- background: transparent;
861
- width: 100%;
683
+ .markdown[data-v-b7dd07e1] ul,
684
+ .markdown[data-v-b7dd07e1] ol {
685
+ padding-left: 24px;
686
+ line-height: 1.5;
687
+ margin: 12px 0;
862
688
  }
863
- .navtable-item input:focus {
864
- background: var(--scalar-api-client-background-secondary);
689
+ .markdown[data-v-b7dd07e1] ul {
690
+ list-style: disc;
865
691
  }
866
- .navtable-item-select {
867
- position: relative;
692
+ .markdown[data-v-b7dd07e1] ol {
693
+ list-style: decimal;
868
694
  }
869
- .navtable-item-select select {
870
- background: transparent;
871
- outline: none;
872
- border: none;
873
- font-size: 12px;
874
- appearance: none;
875
- width: 100%;
876
- padding: 12px 6px;
877
- top: 0;
878
- position: relative;
879
- cursor: pointer;
880
- color: var(--scalar-api-client-theme-color-2);
695
+ .markdown[data-v-b7dd07e1] ul.contains-task-list {
696
+ list-style: none;
697
+ padding-left: 0;
881
698
  }
882
- .navtable-item-select svg {
883
- position: absolute;
884
- right: 6px;
885
- color: var(--scalar-api-client-fill);
886
- width: 6px;
887
- top: 12px;
888
- pointer-events: none;
699
+ .markdown[data-v-b7dd07e1] li {
700
+ margin: 6px 0;
889
701
  }
890
- .navtable-item .option {
891
- padding: 12px 6px;
892
- font-size: 12px;
893
- color: var(--scalar-api-client-theme-color-1);
894
- width: 100%;
702
+ .markdown[data-v-b7dd07e1] code {
703
+ font-family: var(--scalar-api-reference-font-mono);
704
+ background-color: var(--scalar-api-reference-theme-background-2);
705
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
706
+ font-size: var(--scalar-api-reference-theme-mini);
707
+ border-radius: 2px;
708
+ padding: 0 3px;
895
709
  }
896
- .navtable-item label {
897
- color: var(--scalar-api-client-color-3);
898
- font-size: 12px;
899
- font-weight: var(--scalar-api-client-font-bold);
900
- text-transform: uppercase;
901
- padding: 9px;
710
+ .markdown[data-v-b7dd07e1] pre code {
902
711
  display: block;
903
- width: 100%;
712
+ white-space: pre;
713
+ padding: 3px;
714
+ margin: 12px 0;
715
+ -webkit-overflow-scrolling: touch;
716
+ overflow-x: scroll;
717
+ max-width: 100%;
718
+ min-width: 100px;
904
719
  }
905
- .navtable-item-response {
906
- padding: 0 9px;
720
+ .markdown[data-v-b7dd07e1] blockquote {
721
+ border-left: 3px solid var(--scalar-api-reference-border-color);
722
+ padding-left: 12px;
907
723
  }
908
- .navtable-item-response span {
909
- font-size: 12px;
910
- display: flex;
911
- align-items: center;
912
- margin-right: 6px;
913
- min-width: 50px;
914
- }
915
- .scalar-api-client__status--1xx:before,
916
- .scalar-api-client__status--2xx:before,
917
- .scalar-api-client__status--3xx:before,
918
- .scalar-api-client__status--4xx:before,
919
- .scalar-api-client__status--5xx:before,
920
- .scalar-api-client__status--6xx:before {
921
- content: '';
922
- width: 12px;
923
- height: 12px;
924
- border-radius: 50%;
925
- margin-right: 4px;
926
- background: var(--scalar-api-client-background-secondary);
724
+ .markdown[data-v-b7dd07e1] table {
725
+ position: relative;
726
+ border-collapse: collapse;
727
+ table-layout: fixed;
728
+ width: 100%;
729
+ margin: 0;
730
+ overflow: hidden;
731
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
732
+ border-radius: var(--scalar-api-reference-rounded);
927
733
  }
928
- .scalar-api-client__status--2xx:before {
929
- background: green;
734
+ .markdown[data-v-b7dd07e1] td,
735
+ .markdown[data-v-b7dd07e1] th {
736
+ min-width: 1em;
737
+ padding: 6px;
738
+ vertical-align: top;
739
+ box-sizing: border-box;
740
+ position: relative;
741
+ word-break: break-all;
742
+ border-right: var(--scalar-api-reference-border);
743
+ border-bottom: var(--scalar-api-reference-border);
930
744
  }
931
- .scalar-api-client__status--3xx:before {
932
- background: orange;
745
+ .markdown[data-v-b7dd07e1] td > *,
746
+ .markdown[data-v-b7dd07e1] th > * {
747
+ margin-bottom: 0;
933
748
  }
934
- .scalar-api-client__status--4xx:before {
935
- background: red;
749
+ .markdown.parameter-description[data-v-b7dd07e1] p {
750
+ font-size: var(--scalar-api-reference-theme-small);
751
+ color: var(--scalar-api-reference-theme-color-2);
752
+ line-height: initial;
936
753
  }
937
- .navtable-item-response span:empty {
938
- display: none;
754
+ .markdown[data-v-b7dd07e1] td:first-of-type,
755
+ .markdown[data-v-b7dd07e1] th:first-of-type {
756
+ border-left: none;
939
757
  }
940
- .simpletable.navtable {
941
- padding: 0;
758
+ .markdown[data-v-b7dd07e1] td:last-of-type,
759
+ .markdown[data-v-b7dd07e1] th:last-of-type {
760
+ border-right: none;
942
761
  }
943
- .simpletable.navtable .navtable-item-66,
944
- .simpletable.navtable .navtable-item-33 {
945
- display: block;
762
+ .markdown[data-v-b7dd07e1] tr:last-of-type td {
763
+ border-bottom: none;
946
764
  }
947
- .simpletable.navtable .navtable-table {
948
- height: fit-content;
765
+ .markdown[data-v-b7dd07e1] th {
766
+ font-weight: bold !important;
767
+ text-align: left;
768
+ border-left-color: transparent;
769
+ background: var(--scalar-api-reference-theme-background-2);
949
770
  }
950
771
 
951
- .scalar-api-client__main__left {
952
- width: 50%;
953
- border-right: var(--scalar-api-client-border);
954
- padding: 0 12px 12px 12px;
772
+ .base-url[data-v-eedff8c4] {
773
+ color: var(--scalar-api-reference-theme-color-2);
774
+ font-size: var(--scalar-api-reference-theme-mini);
775
+ cursor: pointer;
776
+ display: flex;
777
+ font-family: var(--scalar-api-reference-font-mono);
778
+ flex-direction: column;
955
779
  }
956
- @media screen and (max-width: 820px) {
957
- .scalar-api-client__main__left {
958
- width: 100%;
959
- border-right: none;
780
+
781
+ .client-libraries-content[data-v-26e49734] {
782
+ display: flex;
783
+ justify-content: center;
784
+ gap: 6px;
785
+ padding: 0 12px;
960
786
  }
787
+ .code-languages[data-v-26e49734] {
788
+ display: flex;
789
+ align-items: center;
790
+ justify-content: center;
791
+ flex-direction: column;
792
+ max-width: 68px;
793
+ width: 100%;
794
+ padding: 12px 0;
795
+ position: relative;
796
+ cursor: pointer;
797
+ white-space: nowrap;
961
798
  }
962
- .scalar-api-client__item__content {
963
- flex-flow: wrap;
964
- padding: 0 12px 12px;
965
- border-radius: 3px;
966
- color: var(--scalar-api-client-color-3);
967
- font-size: 12px;
968
- margin-top: -3px;
969
- justify-content: space-between;
799
+ /* remove php and c on mobile */
800
+ @media screen and (max-width: 450px) {
801
+ .code-languages[data-v-26e49734]:nth-of-type(4),
802
+ .code-languages[data-v-26e49734]:nth-of-type(6) {
803
+ display: none;
970
804
  }
971
- .scalar-api-client__item__content .cm-s-default {
972
- border: var(--scalar-api-client-border);
973
- border-radius: var(--scalar-api-client-rounded);
974
805
  }
975
- .scalar-api-client__item__content .scalar-api-client__item__content--code {
806
+ .code-languages-icon[data-v-26e49734] {
807
+ max-width: 48px;
976
808
  width: 100%;
977
- max-height: calc(100vh - 200px);
978
- overflow: auto;
979
- }
980
- .scalar-api-client__item__content .cm-scroller {
981
- border: var(--scalar-api-client-border);
982
- border-radius: 3px;
809
+ max-height: 48px;
810
+ aspect-ratio: 1;
811
+ border-radius: 12px;
812
+ padding: 7px;
813
+ display: flex;
814
+ align-items: center;
815
+ color: #fff;
816
+ justify-content: center;
983
817
  }
984
- .scalar-api-client__item__content .cm-editor {
985
- outline: none !important;
818
+ .code-languages-icon__shell[data-v-26e49734] {
819
+ background: #000;
820
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
986
821
  }
987
- .scalar-api-client__item__content .cm-editor .cm-gutters {
988
- background: transparent;
822
+ .code-languages-icon__ruby[data-v-26e49734] {
823
+ background: #d91404;
989
824
  }
990
- .scalar-api-client__item__content .cm-scroll {
991
- background: transparent;
825
+ .code-languages-icon__php[data-v-26e49734] {
826
+ background: #6181b6;
992
827
  }
993
- .scalar-api-client__item__content .cm-editor * {
994
- font-size: 11px;
828
+ .code-languages-icon__python[data-v-26e49734] {
829
+ background: #306998;
995
830
  }
996
- .scalar-api-client__item__content .cm-editor .cm-line {
997
- color: var(--scalar-api-client-theme-color-1);
831
+ .code-languages-icon__more[data-v-26e49734] {
832
+ background: var(--scalar-api-reference-theme-background-3);
998
833
  }
999
- .scalar-api-client__item__content-button {
1000
- width: 100%;
1001
- appearance: none;
1002
- border: none;
1003
- outline: none;
1004
- font-size: 12px;
1005
- background: var(--scalar-api-client-color);
1006
- font-weight: var(--scalar-api-client-font-bold);
1007
- padding: 12px;
1008
- text-transform: uppercase;
1009
- border-radius: var(--scalar-api-client-rounded);
1010
- color: white;
1011
- cursor: pointer;
834
+ .code-languages-icon__node[data-v-26e49734] {
835
+ background: #83cd29;
1012
836
  }
1013
- .scalar-api-client__item__content__split {
1014
- justify-content: space-between;
837
+ .code-languages-icon__c[data-v-26e49734] {
838
+ background: #03599c;
1015
839
  }
1016
- .scalar-collapsible-section-flex {
1017
- width: 100%;
840
+ .code-languages-icon__csharp[data-v-26e49734] {
841
+ background: #68217a;
1018
842
  }
1019
- .scalar-collapsible-section-option {
1020
- font-size: var(--scalar-api-client-text-sm);
1021
- font-weight: var(--scalar-api-client-font-bold);
1022
- color: var(--scalar-api-client-color2);
1023
- background: var(--scalar-api-client-bg3);
1024
- border-radius: 30px;
1025
- display: inline-block;
1026
- padding: 8px 12px;
1027
- cursor: pointer;
1028
- margin: 0 4px 8px;
1029
- user-select: none;
843
+ .code-languages-icon__cplusplus[data-v-26e49734] {
844
+ background: #9c033a;
1030
845
  }
1031
- .scalar-collapsible-section-option:hover {
1032
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1033
- background: var(--scalar-api-client-gradient);
1034
- color: var(--scalar-api-client-theme-color-1);
846
+ .code-languages-icon__clojure[data-v-26e49734] {
847
+ background: #5881d8;
1035
848
  }
1036
- .input {
1037
- background: var(--scalar-api-client-background-secondary);
1038
- border: var(--scalar-api-client-border);
1039
- border-radius: 3px;
1040
- position: relative;
1041
- width: 100%;
1042
- text-align: left;
1043
- margin-bottom: 6px;
849
+ .code-languages-icon__go[data-v-26e49734] {
850
+ background: #00acd7;
1044
851
  }
1045
- .input__half {
1046
- width: calc(50% - 3px);
1047
- }
1048
- .input:focus-within {
1049
- background: var(--scalar-api-client-background-3);
1050
- }
1051
- .input label,
1052
- .input input {
1053
- padding: 12px;
1054
- border: 0;
1055
- outline: none;
1056
- font-size: 12px;
1057
- color: var(--scalar-api-client-theme-color-1);
1058
- width: 100%;
1059
- background: transparent;
1060
- appearance: none;
1061
- -webkit-appearance: none;
1062
- left: 0;
1063
- }
1064
- .input label {
1065
- position: absolute;
1066
- color: var(--scalar-api-client-theme-color-2);
1067
- }
1068
- .input input {
1069
- opacity: 0;
1070
- position: relative;
1071
- z-index: 99;
1072
- padding: 18px 12px 6px 12px;
852
+ .code-languages-icon__http[data-v-26e49734] {
853
+ background: #005b9b;
1073
854
  }
1074
- .input input:not(:placeholder-shown),
1075
- .input:focus-within input {
1076
- opacity: 1;
855
+ .code-languages-icon__java[data-v-26e49734] {
856
+ background: #ea2d2e;
1077
857
  }
1078
- .input input:not(:placeholder-shown) + label,
1079
- .input:focus-within label {
1080
- font-size: 10px;
1081
- top: -6px;
1082
- color: var(--scalar-api-client-theme-color-1);
858
+ .code-languages-icon__javascript[data-v-26e49734] {
859
+ background: #f0db4f;
1083
860
  }
1084
- .input input:not(:placeholder-shown) + label {
1085
- color: var(--scalar-api-client-theme-color-2);
861
+ .code-languages-icon__kotlin[data-v-26e49734] {
862
+ background: #7f6cb1;
1086
863
  }
1087
- .select {
1088
- background: --scalar-api-client-background-primary;
1089
- border-radius: var(--scalar-api-client-rounded);
1090
- font-size: 12px;
1091
- border: var(--scalar-api-client-border);
1092
- width: 100%;
1093
- position: relative;
1094
- margin-bottom: 6px;
864
+ .code-languages-icon__objc[data-v-26e49734] {
865
+ background: #0b5a9d;
1095
866
  }
1096
- .select:focus-within {
1097
- background: var(--scalar-api-client-background-3);
867
+ .code-languages-icon__ocaml[data-v-26e49734] {
868
+ background: #f29100;
1098
869
  }
1099
- .select:hover {
1100
- background: var(--scalar-api-client-background-3);
870
+ .code-languages-icon__powershell[data-v-26e49734] {
871
+ background: #2671be;
1101
872
  }
1102
- .select svg {
1103
- position: absolute;
1104
- right: 12px;
1105
- pointer-events: none;
1106
- color: var(--scalar-api-client-theme-color-2);
1107
- width: 6px;
1108
- top: 10px;
873
+ .code-languages-icon__r[data-v-26e49734] {
874
+ background: #cbced0;
1109
875
  }
1110
- .select label {
1111
- display: block;
1112
- font-size: 10px;
1113
- color: var(--scalar-api-client-theme-color-2);
1114
- position: absolute;
1115
- left: 12px;
1116
- top: 6px;
876
+ .code-languages-icon__swift[data-v-26e49734] {
877
+ background: #f05138;
1117
878
  }
1118
- .select select {
879
+ .code-languages__loading .code-languages-icon[data-v-26e49734]:before {
880
+ border: 1px solid rgba(255, 255, 255, 0.44);
881
+ border-top: 1px solid white;
882
+ animation: codeloader-26e49734 0.45s linear infinite;
1119
883
  background: transparent;
1120
- outline: none;
1121
- border: none;
1122
- -webkit-appearance: none;
1123
- font-size: 12px;
1124
- color: var(--scalar-api-client-theme-color-1);
1125
- appearance: none;
1126
- width: 100%;
1127
- padding: 18px 12px 6px 12px;
1128
- top: 0;
1129
- position: relative;
1130
- cursor: pointer;
1131
- }
1132
- .check {
1133
- display: flex;
1134
- position: relative;
1135
- cursor: pointer;
1136
- align-items: center;
1137
- font-size: 12px;
1138
- border: var(--scalar-api-client-border);
1139
- border-radius: 3px;
1140
- padding: 10px 12px;
1141
- user-select: none;
1142
- width: 100%;
1143
- }
1144
- .check p {
1145
- color: var(--scalar-api-client-theme-color-2);
1146
- }
1147
- .check input {
1148
- position: absolute;
1149
- opacity: 0;
1150
- cursor: pointer;
1151
- height: 0;
1152
- width: 0;
1153
- }
1154
- .checkmark {
1155
- height: 15px;
1156
- width: 15px;
1157
- background: var(--scalar-api-client-background-3);
1158
- margin-right: 10px;
1159
- border-radius: 3px;
1160
- display: flex;
1161
- align-items: center;
1162
- justify-content: center;
1163
- position: relative;
1164
- }
1165
- .check input:checked ~ p {
1166
- color: var(--scalar-api-client-theme-color-1);
1167
- }
1168
- .check .checkmark:after {
884
+ width: 18px;
885
+ height: 18px;
1169
886
  content: '';
1170
- display: none;
1171
- width: 5px;
1172
- height: 8px;
1173
- border: solid var(--scalar-api-client-color-3);
1174
- border-width: 0 2px 2px 0;
1175
- transform: rotate(45deg) translate3d(0, -1px, 0);
1176
- }
1177
- .check input:checked ~ .checkmark:after {
1178
- display: block;
1179
- }
1180
- .scalar-api-client__main__scroll-container {
1181
- height: calc(100vh - 320px);
1182
- }
1183
- .scalar-api-client__request-name {
1184
- outline: none;
1185
- border: none;
1186
- appearance: none;
1187
- -webkit-appearance: none;
1188
- color: var(--scalar-api-client-color-3);
1189
- border-radius: var(--scalar-api-client-rounded);
1190
- font-size: var(--scalar-api-client-text-xs);
1191
- font-weight: var(--scalar-api-client-font-bold);
1192
- width: 100%;
1193
- background: transparent;
1194
- }
1195
-
1196
- a[data-v-84d41168] {
1197
- text-decoration: underline;
1198
- text-decoration-color: var(--scalar-api-client-border-color);
1199
- text-underline-offset: 2px;
1200
- cursor: help;
1201
- }
1202
-
1203
- .simple-cell {
1204
- border-right: var(--scalar-api-client-border);
1205
- position: relative;
1206
- padding: 0.75em;
1207
- color: var(--scalar-api-client-theme-color-1);
1208
- white-space: nowrap;
1209
- }
1210
- .simple-cell:last-of-type {
1211
- border-right: none;
1212
- }
1213
- .simple-cell.wrap {
1214
- white-space: normal;
1215
- }
1216
- .simple-cell.strong {
1217
- font-weight: var(--scalar-api-client-font-semibold);
1218
- }
1219
-
1220
- .simple-header {
1221
- color: var(--scalar-api-client-color-3);
1222
- font-weight: var(--scalar-api-client-font-bold);
1223
- text-transform: uppercase;
1224
- }
1225
-
1226
- .simple-row {
1227
- border-top: var(--scalar-api-client-border);
1228
- }
1229
- .simple-row:last-of-type {
1230
- border-bottom: var(--scalar-api-client-border);
1231
- }
1232
-
1233
- .simple-table {
1234
- display: table;
1235
- width: 100%;
1236
- margin: 1em 0;
1237
- }
1238
-
1239
- .scalar-api-client__main__right {
1240
- width: 50%;
1241
- padding: 0 12px 12px 12px;
1242
- }
1243
- @media screen and (max-width: 820px) {
1244
- .scalar-api-client__main__right {
1245
- width: 100%;
1246
- border-right: none;
1247
- }
1248
- }
1249
- .scalar-api-client__main__right :deep(.scalar-copilot__header-button) {
1250
- position: absolute;
1251
- top: 6px;
1252
- right: 12px;
1253
- }
1254
- /***
1255
- The new CSS reset - version 1.8.4 (last updated 14.2.2023)
1256
- GitHub page: https://github.com/elad2412/the-new-css-reset
1257
- ***/
1258
-
1259
- /*
1260
- Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
1261
- - The "symbol *" part is to solve Firefox SVG sprite bug
1262
- - The editor uses some browser defaults so it needs to be excluded from the reset (DOC-466)
1263
- */
1264
- *:where(
1265
- :not(html, iframe, canvas, img, svg, video, audio):not(
1266
- svg *,
1267
- symbol *,
1268
- .editor *,
1269
- .reference *
1270
- )
1271
- ) {
1272
- all: unset;
1273
- display: revert;
1274
- }
1275
-
1276
- /* Optional future support for reverting on >Chrome 90 */
1277
- /* @supports (-webkit-user-modify: revert-layer) {
1278
- * {
1279
- -moz-user-modify: revert-layer;
1280
- -webkit-user-modify: revert-layer;
1281
- overflow-wrap: revert-layer;
1282
- -webkit-line-break: revert-layer;
1283
- -webkit-user-select: revert-layer;
1284
- }
1285
- } */
1286
-
1287
- /* Preferred box-sizing value */
1288
- *,
1289
- *::before,
1290
- *::after {
1291
- box-sizing: border-box;
1292
- }
1293
-
1294
- /* Strip the padding from editor elements */
1295
- .editor *,
1296
- .reference * {
1297
- padding: 0;
1298
- margin: 0;
1299
- }
1300
-
1301
- /* Reapply the pointer cursor for anchor tags */
1302
- a,
1303
- button {
1304
- cursor: revert;
1305
- }
1306
-
1307
- /* Reapply outlines on keyboard focus */
1308
- a[href]:focus-visible,
1309
- button:focus-visible,
1310
- [tabindex]:focus-visible {
1311
- outline: 1px dashed var(--scalar-api-client-theme-color-2);
1312
- outline-offset: 2px;
1313
- }
1314
-
1315
- /* Revert the font-size for selects
1316
- Ideally we would remove this once we style our selects better (DOC-466) */
1317
- select {
1318
- font-size: revert;
1319
- }
1320
-
1321
- /* Revert the line-height for buttons and inputs
1322
- Ideally we would remove this once we style our inputs and buttons better (DOC-466) */
1323
- input,
1324
- button {
1325
- line-height: revert;
1326
- }
1327
-
1328
- /* Remove list styles (bullets/numbers) */
1329
- /* It would be good to include this again (DOC-466) */
1330
- /* ol,
1331
- ul,
1332
- menu {
1333
- list-style: none;
1334
- } */
1335
-
1336
- /* For images to not be able to exceed their container */
1337
- img {
1338
- max-inline-size: 100%;
1339
- max-block-size: 100%;
1340
- }
1341
-
1342
- /* removes spacing between cells in tables */
1343
- table {
1344
- border-collapse: collapse;
1345
- }
1346
-
1347
- /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
1348
- /* Align our input text to the left */
1349
- input,
1350
- textarea {
1351
- -webkit-user-select: auto;
1352
- text-align: left;
1353
- font-weight: initial;
1354
- }
1355
-
1356
- /* revert the 'white-space' property for textarea elements on Safari */
1357
- textarea {
1358
- white-space: revert;
1359
- }
1360
-
1361
- /* minimum style to allow to style meter element */
1362
- meter {
1363
- -webkit-appearance: revert;
1364
- appearance: revert;
1365
- }
1366
-
1367
- /* preformatted text - use only for this feature */
1368
- /* :where(pre) {
1369
- all: revert;
1370
- } */
1371
-
1372
- /* reset default text opacity of input placeholder */
1373
- ::placeholder {
1374
- color: revert;
1375
- }
1376
-
1377
- /* remove default dot (•) sign */
1378
- ::marker {
1379
- content: initial;
887
+ border-radius: 50%;
1380
888
  }
1381
-
1382
- /* fix the feature of 'hidden' attribute.
1383
- display:revert; revert to element instead of attribute */
1384
- :where([hidden]) {
889
+ .code-languages__loading .code-languages-icon svg[data-v-26e49734] {
1385
890
  display: none;
1386
891
  }
1387
-
1388
- /* revert for bug in Chromium browsers
1389
- - fix for the content editable attribute will work properly.
1390
- - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
1391
- :where([contenteditable]:not([contenteditable="false"])) {
1392
- -moz-user-modify: revert-layer, read-write;
1393
- -webkit-user-modify: revert-layer, read-write;
1394
- overflow-wrap: revert-layer, break-word;
1395
- -webkit-line-break: revert-layer, after-white-space;
1396
- -webkit-user-select: revert-layer, auto;
1397
- }
1398
-
1399
- /* apply back the draggable feature - exist only in Chromium and Safari */
1400
- :where([draggable="true"]) {
1401
- -webkit-user-drag: element;
1402
- }
1403
-
1404
- /* Revert Modal native behavior */
1405
- :where(dialog:modal) {
1406
- all: revert;
1407
- }
1408
- :root {
1409
- /** Font sizes */
1410
- --scalar-api-client-text-xs: 12px;
1411
- --scalar-api-client-text-sm: 14px;
1412
- --scalar-api-client-text-base: 16px;
1413
- --scalar-api-client-text-lg: 18px;
1414
-
1415
- /** Colors */
1416
- --scalar-api-client-background-primary: #fff;
1417
- --scalar-api-client-background-secondary: #f1f3f5;
1418
- --scalar-api-client-background-input: #fff;
1419
- --scalar-api-client-border-color: #dee2e6;
1420
-
1421
- /** Borders */
1422
- --scalar-api-client-border: 1px solid var(--scalar-api-client-border-color);
1423
- --scalar-api-client-rounded: 4px;
1424
-
1425
- /** Fonts */
1426
- --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
1427
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1428
- --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
1429
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
1430
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1431
-
1432
- /** Font weights */
1433
- --scalar-api-client-font-semibold: 600;
1434
- --scalar-api-client-font-bold: 700;
1435
-
1436
- /** TODO: Go through the following variables and check what they do */
1437
- --scalar-api-client-post-color: white;
1438
- --scalar-api-client-post-background: black;
1439
- --scalar-api-client-delete-color: white;
1440
- --scalar-api-client-delete-background: black;
1441
- --scalar-api-client-patch-color: white;
1442
- --scalar-api-client-patch-background: black;
1443
- --scalar-api-client-get-color: #0ca678;
1444
- --scalar-api-client-get-background: white;
1445
- --scalar-api-client-put-color: white;
1446
- --scalar-api-client-put-background: black;
1447
- --scalar-api-client-color-3: #868e96;
1448
- /* Font color */
1449
- --scalar-api-client-theme-color-1: #343a40;
1450
- /* Select font color */
1451
- --scalar-api-client-theme-color-2: #868e96;
1452
- --scalar-api-client-theme-shadow-2: 0 0 0 1px white;
1453
- --scalar-api-client-fill: black;
1454
- --scalar-api-client-color2: white;
1455
- --scalar-api-client-bg3: black;
1456
- --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1457
- /** Select background */
1458
- --scalar-api-client-background-3: #f8f9fa;
1459
- }
1460
-
1461
- .scalar-api-client {
1462
- background: var(--scalar-api-client-background-primary);
1463
- position: relative;
1464
- height: 100%;
1465
- overflow: hidden !important;
1466
- display: flex;
1467
- flex-direction: column;
1468
- font-family: var(--scalar-api-client-font-sans);
1469
- }
1470
- @media screen and (max-width: 1000px) {
1471
- .scalar-api-client {
1472
- width: 100%;
1473
- }
1474
- }
1475
- .scalar-api-client pre {
1476
- font-family: var(--scalar-api-client-font-mono);
1477
- }
1478
- .scalar-api-client--post {
1479
- --scalar-api-client-color: var(--scalar-api-client-post-color);
1480
- --scalar-api-client-background: var(--scalar-api-client-post-background);
1481
- }
1482
- .scalar-api-client--delete {
1483
- --scalar-api-client-color: var(--scalar-api-client-delete-color);
1484
- --scalar-api-client-background: var(--scalar-api-client-delete-background);
1485
- }
1486
- .scalar-api-client--patch {
1487
- --scalar-api-client-color: var(--scalar-api-client-patch-color);
1488
- --scalar-api-client-background: var(--scalar-api-client-patch-background);
1489
- }
1490
- .scalar-api-client--get {
1491
- --scalar-api-client-color: var(--scalar-api-client-get-color);
1492
- --scalar-api-client-background: var(--scalar-api-client-get-background);
1493
- }
1494
- .scalar-api-client--put {
1495
- --scalar-api-client-color: var(--scalar-api-client-put-color);
1496
- --scalar-api-client-background: var(--scalar-api-client-put-background);
1497
- }
1498
- .scalar-api-client__mobile-navigation {
1499
- padding: 12px 12px 0 12px;
1500
- display: flex;
1501
- font-size: var(--scalar-api-client-text-sm);
1502
- color: var(--scalar-api-client-theme-color-2);
1503
- font-weight: var(--scalar-api-client-font-bold);
1504
- }
1505
- .scalar-api-client__mobile-navigation__toggle {
1506
- appearance: none;
1507
- margin-right: 9px;
1508
- cursor: pointer;
1509
- }
1510
- .scalar-api-client__mobile-navigation--active {
1511
- color: var(--scalar-api-client-theme-color-1);
1512
- }
1513
- .scalar-api-client__mobile-navigation--active:hover {
1514
- cursor: pointer;
1515
- }
1516
- .scalar-api-client__main {
1517
- display: flex;
1518
- height: 100%;
1519
- min-height: 0;
1520
- background: var(--scalar-api-client-background-primary);
1521
- border-top: var(--scalar-api-client-border);
1522
- }
1523
- @media screen and (max-width: 820px) {
1524
- .scalar-api-client__main {
1525
- display: block;
1526
- }
1527
- }
1528
-
1529
- /** TODO: Consider to make a Column component */
1530
- .scalar-api-client__main__content {
1531
- padding: 12px;
1532
- background: var(--scalar-api-client-background-primary);
1533
- top: 0;
1534
- position: sticky;
1535
- z-index: 100;
1536
- }
1537
- .scalar-api-client__main__content label {
1538
- font-size: var(--scalar-api-client-text-sm);
1539
- color: var(--scalar-api-client-theme-color-1);
1540
- font-weight: var(--scalar-api-client-font-bold);
1541
- display: flex;
1542
- align-items: center;
1543
- }
1544
- @media screen and (max-width: 820px) {
1545
- .scalar-api-client__main__content {
1546
- padding: 0 0 12px 0;
1547
- }
1548
- .scalar-api-client__main__content label {
1549
- display: none;
1550
- }
1551
- }
1552
- .meta {
1553
- display: flex;
1554
- font-size: var(--scalar-api-client-text-base);
1555
- font-weight: var(--scalar-api-client-text-base);
1556
- color: var(--scalar-api-client-color2);
1557
- }
1558
- .meta-item svg {
1559
- fill: var(--scalar-api-client-fill);
1560
- height: 14px;
1561
- width: 14px;
1562
- margin-right: 6px;
1563
- }
1564
- .meta-item {
1565
- display: flex;
1566
- align-items: center;
1567
- margin-right: 12px;
1568
- white-space: nowrap;
1569
- font-weight: var(--scalar-api-client-font-bold);
1570
- font-size: 12px;
1571
- color: var(--scalar-api-client-color-3);
1572
- padding: 3px 0;
1573
- }
1574
- .meta-item__input {
1575
- padding: 3px 0;
1576
- background: transparent;
1577
- width: 100%;
1578
- margin-right: 0;
1579
- }
1580
- .types {
1581
- margin: auto;
1582
- width: 580px;
1583
- display: flex;
1584
- align-items: center;
1585
- justify-content: center;
1586
- flex-flow: wrap;
1587
- }
1588
- .types-heading {
892
+ .code-languages__active[data-v-26e49734]:after {
893
+ content: '';
894
+ position: absolute;
895
+ bottom: 0;
896
+ height: 2px;
1589
897
  width: 100%;
1590
- text-align: center;
1591
- }
1592
- .types-heading b {
1593
- font-size: 42px;
1594
- }
1595
- .types-heading p {
1596
- margin-bottom: 20px;
1597
- margin-top: 12px;
1598
- font-size: 24px;
1599
- }
1600
- .types-item {
1601
- font-weight: var(--scalar-api-client-font-bold);
1602
- font-size: var(--scalar-api-client-text-lg);
1603
- color: var(--scalar-api-client-color2);
1604
- background: var(--scalar-api-client-bg3);
1605
- padding: 9px 18px;
1606
- margin: 6px;
1607
- border-radius: 30px;
898
+ background: var(--scalar-api-reference-theme-color-1);
1608
899
  }
1609
- .types-item:hover {
1610
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1611
- background: var(--scalar-api-client-gradient);
1612
- color: var(--scalar-api-client-theme-color-1);
1613
- cursor: pointer;
1614
- }
1615
- .scalar-api-client__empty-state {
1616
- border: 1px dashed var(--scalar-api-client-border-color);
1617
- width: 100%;
1618
- text-align: center;
1619
- font-size: var(--scalar-api-client-text-sm);
1620
- padding: 20px;
1621
- }
1622
-
1623
- .sidebar-search[data-v-2819d5f9] {
1624
- display: flex;
1625
- align-items: center;
1626
- position: relative;
1627
- /* Sub */
1628
- --margin-x: 12px;
1629
- width: calc(100% - 2 * var(--margin-x));
1630
- margin: 12px var(--margin-x) 6px var(--margin-x);
1631
- padding: 0 12px;
1632
-
1633
- color: var(--scalar-api-reference-theme-color-3);
1634
- outline: none;
1635
- border-radius: var(--scalar-api-reference-rounded);
1636
- border: var(--scalar-api-reference-border);
1637
- /* prettier-ignore */
1638
- background: var(--scalar-api-reference-sidebar-search-background, var(--scalar-api-reference-theme-background-1));
1639
- cursor: pointer;
1640
- appearance: none;
1641
- }
1642
- .sidebar-search-input[data-v-2819d5f9] {
1643
- font-size: var(--scalar-api-reference-theme-small);
1644
- font-weight: var(--scalar-api-reference-theme-semibold);
1645
- line-height: 31px;
1646
-
1647
- user-select: none;
1648
- z-index: 10;
1649
- position: relative;
1650
- display: block;
1651
- }
1652
- .search-icon[data-v-2819d5f9] {
1653
- padding: 0;
1654
- margin-right: 9px;
1655
- width: 12px;
1656
- }
1657
-
1658
- .loader-wrapper[data-v-a0429592] {
1659
- position: relative;
1660
- height: var(--a8cfd54e);
1661
- width: var(--a8cfd54e);
1662
-
1663
- display: flex;
1664
- align-items: center;
1665
- justify-content: center;
1666
-
1667
- --loader-size: 50%;
1668
- }
1669
-
1670
- /*SVG Positioning for Loader Objects*/
1671
- .svg-loader[data-v-a0429592] {
1672
- width: var(--loader-size);
1673
- height: var(--loader-size);
1674
- top: 1rem;
1675
- right: 0.9rem;
1676
- overflow: visible;
1677
-
1678
- fill: none;
1679
- background-color: transparent;
1680
- stroke: currentColor;
1681
- }
1682
- .svg-path[data-v-a0429592] {
1683
- stroke-width: 14;
1684
- fill: none;
1685
- transition: 0.3s;
1686
- }
1687
- .svg-x-mark[data-v-a0429592] {
1688
- stroke-dasharray: 57;
1689
- stroke-dashoffset: 57;
1690
- transition-delay: 0s;
1691
- }
1692
- .svg-check-mark[data-v-a0429592] {
1693
- stroke-dasharray: 149;
1694
- stroke-dashoffset: 149;
1695
- transition-delay: 0s;
1696
- }
1697
- .icon-is-invalid .svg-x-mark[data-v-a0429592] {
1698
- stroke-dashoffset: 0;
1699
- transition-delay: 0.3s;
1700
- }
1701
- .icon-is-valid .svg-check-mark[data-v-a0429592] {
1702
- stroke-dashoffset: 0;
1703
- transition-delay: 0.3s;
1704
- }
1705
- .circular-loader[data-v-a0429592] {
1706
- animation: rotate-a0429592 0.7s linear infinite,fade-in-a0429592 0.4s;
1707
-
1708
- transform-origin: center center;
1709
- transform: scale(5);
1710
-
1711
- background: transparent;
1712
- }
1713
- .loader-path[data-v-a0429592] {
1714
- stroke-dasharray: 50, 200;
1715
- stroke-dashoffset: -100;
1716
- stroke-linecap: round;
1717
- }
1718
- .loader-path-off[data-v-a0429592] {
1719
- stroke-dasharray: 50, 200;
1720
- stroke-dashoffset: -100;
1721
- transition: opacity 0.3s;
1722
- opacity: 0;
1723
- }
1724
- @keyframes fade-in-a0429592 {
1725
- 0% {
1726
- opacity: 0;
1727
- }
1728
- 70% {
1729
- opacity: 0;
1730
- }
1731
- 100% {
1732
- opacity: 1;
1733
- }
1734
- }
1735
- @keyframes rotate-a0429592 {
1736
- from {
1737
- transform: scale(5) rotate(0deg);
1738
- }
1739
- to {
1740
- transform: scale(5) rotate(360deg);
1741
- }
1742
- }
1743
-
1744
- .flow-button[data-v-6c87717a] {
1745
- display: flex;
1746
- align-items: center;
1747
- justify-content: center;
1748
- z-index: 1;
1749
- position: relative;
1750
- appearance: none;
1751
- -webkit-appearance: none;
1752
- height: 40px;
1753
- padding: 0px 24px;
1754
- border-radius: var(--scalar-api-reference-rounded);
1755
- color: var(--scalar-api-reference-theme-button-1-color);
1756
- font-size: var(--scalar-api-reference-theme-font-size-4);
1757
- font-weight: 500;
1758
- cursor: pointer;
1759
- background: var(--scalar-api-reference-theme-button-1);
1760
- border: none;
1761
- width: 100%;
1762
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
1763
- }
1764
- .flow-button[data-v-6c87717a]:hover,
1765
- .flow-button[data-v-6c87717a]:focus-visible {
1766
- background: var(--scalar-api-reference-theme-button-1-hover);
1767
- }
1768
- .flow-button[data-v-6c87717a]:active {
1769
- box-shadow: none;
1770
- background: var(--scalar-api-reference-theme-button-1);
1771
- }
1772
- .flow-button[disabled][data-v-6c87717a] {
1773
- background: var(--scalar-api-reference-theme-background-2);
1774
- color: var(--scalar-api-reference-theme-color-3);
1775
- cursor: unset;
1776
- box-shadow: none;
1777
- }
1778
- .flow-button.flow-button-icon-only[data-v-6c87717a] {
1779
- width: 24px;
1780
- height: 24px;
1781
- padding: 0;
1782
- }
1783
-
1784
- /* ----------------------------------------------------- */
1785
- .flow-button-outlined[data-v-6c87717a] {
1786
- background: var(--scalar-api-reference-theme-background-1);
1787
- color: var(--scalar-api-reference-theme-color-1);
1788
- padding: 11px 23px;
1789
- border: var(--scalar-api-reference-border);
1790
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
1791
- }
1792
- .flow-button-outlined[data-v-6c87717a]:hover,
1793
- .flow-button-outlined[data-v-6c87717a]:focus-visible {
1794
- background: var(--scalar-api-reference-theme-background-2);
1795
- }
1796
- .flow-button-outlined[data-v-6c87717a]:active {
1797
- background: var(--scalar-api-reference-theme-background-2);
1798
- }
1799
- .flow-button-outlined[disabled][data-v-6c87717a] {
1800
- background: var(--scalar-api-reference-theme-background-2);
1801
- color: var(--scalar-api-reference-theme-color-3);
1802
- cursor: unset;
1803
- box-shadow: none;
1804
- }
1805
-
1806
- /* ----------------------------------------------------- */
1807
- .flow-button-clear[data-v-6c87717a] {
1808
- background: transparent;
1809
- box-shadow: none;
1810
- color: var(--scalar-api-reference-theme-color-3);
1811
- }
1812
- .flow-button-clear[data-v-6c87717a]:active {
1813
- background: transparent;
1814
- }
1815
- .flow-button-clear[data-v-6c87717a]:hover,
1816
- .flow-button-clear[data-v-6c87717a]:focus-visible {
1817
- background: var(--scalar-api-reference-theme-background-2);
1818
- box-shadow: none;
1819
- }
1820
- .flow-button-clear[disabled][data-v-6c87717a] {
1821
- background: var(--scalar-api-reference-theme-background-2);
1822
- color: var(--scalar-api-reference-theme-color-3);
1823
- cursor: unset;
1824
- box-shadow: none;
1825
- }
1826
-
1827
- /* ----------------------------------------------------- */
1828
- .flow-button-text[data-v-6c87717a] {
1829
- background: transparent;
1830
- box-shadow: none;
1831
- color: var(--scalar-api-reference-theme-color-3);
1832
- }
1833
- .flow-button-text[data-v-6c87717a]:active {
1834
- background: transparent;
1835
- }
1836
- .flow-button-text[data-v-6c87717a]:hover,
1837
- .flow-button-text[data-v-6c87717a]:focus-visible {
1838
- color: var(--scalar-api-reference-theme-color-2);
1839
- background: transparent;
1840
- box-shadow: none;
1841
- }
1842
- .flow-button-text[disabled][data-v-6c87717a] {
1843
- background: transparent;
1844
- color: var(--scalar-api-reference-theme-color-ghost);
1845
- cursor: unset;
1846
- box-shadow: none;
1847
- }
1848
-
1849
- /* ----------------------------------------------------- */
1850
- .flow-button--delete[data-v-6c87717a] {
1851
- background: var(--scalar-api-reference-theme-error-color);
1852
- color: white;
1853
- }
1854
- .flow-button--delete[data-v-6c87717a]:active {
1855
- background: var(--scalar-api-reference-theme-error-color);
1856
- }
1857
- .flow-button--delete[data-v-6c87717a]:hover {
1858
- background: var(--scalar-api-reference-theme-error-color);
1859
- opacity: 0.86;
1860
- }
1861
-
1862
- /* ----------------------------------------------------- */
1863
- .flow-button-loader[data-v-6c87717a] {
1864
- position: absolute;
1865
- right: 8px;
1866
- }
1867
- .flow-button-decorator[data-v-6c87717a] {
1868
- margin-right: 9px;
1869
- color: currentColor;
1870
- display: flex;
1871
- align-items: center;
1872
- height: 14px;
1873
- width: 14px;
1874
- }
1875
- .flow-button-icon-only .flow-button-decorator[data-v-6c87717a] {
1876
- margin-right: 0;
1877
- }
1878
-
1879
- .action-menu[data-v-ef4aac03] {
1880
- position: absolute;
1881
- top: 5px;
1882
- right: 5px;
1883
- display: flex;
1884
- gap: 6px;
1885
- }
1886
- /**
1887
- * Some awkwardness to make the dropdown buttons hidden when not hovered
1888
- * but still show when the panel is open and focused
1889
- */
1890
- .action-menu[data-v-ef4aac03] .button-wrapper button {
1891
- /* Hide the icons by default */
1892
- opacity: 0;
1893
- width: 20px;
1894
- height: 20px;
1895
- padding: 4px;
1896
- }
1897
- .action-menu[data-v-ef4aac03]:hover .button-wrapper button,
1898
- .action-menu[data-v-ef4aac03] .button-wrapper button:hover,
1899
- .sidebar-heading:hover ~ .action-menu[data-v-ef4aac03] .button-wrapper button,
1900
- .action-menu[data-v-ef4aac03] .button-wrapper button[aria-expanded='true'] {
1901
- opacity: 1;
1902
- }
1903
- .sidebar-heading[data-v-ef4aac03]:has(~ .action-menu:hover) {
1904
- /* prettier-ignore */
1905
- color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
1906
- /* prettier-ignore */
1907
- background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
1908
- }
1909
-
1910
- .sidebar {
1911
- --theme-sidebar-indent-base: 6px;
1912
- /* prettier-ignore */
1913
- background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
1914
- }
1915
-
1916
- /* ----------------------------------------------------- */
1917
- /* Main sidebar styles */
1918
- .sidebar {
1919
- flex: 1;
1920
- height: 100%;
1921
- display: flex;
1922
- flex-direction: column;
1923
- /* prettier-ignore */
1924
- background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
1925
- --sidebar-level: 0;
1926
- }
1927
- .pages {
1928
- padding-top: 9px;
1929
- padding-bottom: 9px;
1930
- }
1931
- .sidebar-group {
1932
- list-style: none;
1933
- width: 100%;
1934
- }
1935
- .sidebar-heading {
1936
- display: flex;
1937
- gap: 6px;
1938
-
1939
- /* prettier-ignore */
1940
- color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
1941
- font-size: var(--scalar-api-reference-theme-mini);
1942
- font-weight: var(--scalar-api-reference-theme-semibold);
1943
- word-break: break-word;
1944
- line-height: 1.385;
1945
- display: flex;
1946
- align-items: center;
1947
- max-width: 100%;
1948
- position: relative;
1949
- cursor: pointer;
1950
- /* prettier-ignore */
1951
- border-radius: 0 var(--scalar-api-reference-rounded) var(--scalar-api-reference-rounded) 0;
1952
- flex: 1;
1953
- padding-right: 12px;
1954
- user-select: none;
1955
- }
1956
-
1957
- /* Folder/page collapse icon */
1958
- .toggle-nested-icon {
1959
- border: none;
1960
- position: absolute !important;
1961
- left: 2px;
1962
- top: 50%;
1963
- transform: translateY(-50%);
1964
- color: currentColor;
1965
- }
1966
- .toggle-nested-icon:hover,
1967
- .toggle-nested-icon:focus-visible {
1968
- color: currentColor;
1969
- filter: drop-shadow(0 0.125px 0 currentColor)
1970
- drop-shadow(0 -0.125px 0 currentColor);
1971
- }
1972
-
1973
- /* We indent each level of nesting further */
1974
- .sidebar-indent-nested .sidebar-heading {
1975
- /* prettier-ignore */
1976
- padding-left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 24px) !important;
1977
- }
1978
-
1979
- /* Collapse/expand icons must also be offset */
1980
- .sidebar-indent-nested .sidebar-heading .toggle-nested-icon {
1981
- /* prettier-ignore */
1982
- left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 2px) !important;
1983
- }
1984
- .sidebar-heading-link {
1985
- padding-right: 12px;
1986
- padding: 6px 0;
1987
- display: flex;
1988
- align-items: center;
1989
- }
1990
-
1991
- /* Sidebar link icon */
1992
- .link-icon {
1993
- position: relative;
1994
- left: 4px;
1995
- }
1996
- .sidebar-icon {
1997
- display: flex;
1998
- align-items: center;
1999
- justify-content: center;
2000
- margin-right: 6px;
2001
-
2002
- width: 13px;
2003
- height: 13px;
2004
- }
2005
- .sidebar-icon > svg {
2006
- width: 13px;
2007
- height: 13px;
2008
- }
2009
- .sidebar-heading:hover {
2010
- /* prettier-ignore */
2011
- color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
2012
- /* prettier-ignore */
2013
- background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
2014
- }
2015
- .active_page.sidebar-heading:hover,
2016
- .active_page.sidebar-heading,
2017
- .marc_active .sidebar-heading {
2018
- /* prettier-ignore */
2019
- background: var(--sidebar-item-active-background, var(--scalar-api-reference-theme-background-3)) !important;
2020
- /* prettier-ignore */
2021
- color: var(--scalar-api-reference-sidebar-color-active, var(--scalar-api-reference-theme-color-accent)) !important;
2022
- }
2023
- .sidebar-group-item {
2024
- position: relative;
2025
- }
2026
-
2027
- /* Change font colors and weights for nested items */
2028
- .sidebar-indent-nested .sidebar-heading {
2029
- /* prettier-ignore */
2030
- color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
2031
- }
2032
- .sidebar-indent-nested .sidebar-indent-nested .sidebar-heading {
2033
- /* prettier-ignore */
2034
- color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
2035
- }
2036
- .sidebar-indent-nested > div:has(.active_page) .sidebar-heading {
2037
- font-weight: var(--scalar-api-reference-theme-bold);
2038
- }
2039
- .sidebar-mobile-header {
2040
- display: flex;
2041
- align-items: center;
2042
- gap: 12px;
2043
- height: 100%;
2044
- width: 100%;
2045
- padding: 0 6px;
2046
- }
2047
- .sidebar-mobile-breadcrumbs {
2048
- flex: 1;
2049
- min-width: 0;
2050
- overflow: hidden;
2051
- white-space: nowrap;
2052
- text-overflow: ellipsis;
2053
- font-size: var(--scalar-api-reference-theme-small);
2054
- font-weight: var(--scalar-api-reference-theme-semibold);
2055
- }
2056
- .sidebar-mobile-actions {
2057
- display: flex;
2058
- flex-direction: row;
2059
- gap: 4px;
2060
- height: 24px;
2061
- align-items: center;
2062
- padding: 0 4px;
2063
- }
2064
- .sidebar-mobile-actions .sidebar-mobile-darkmode-toggle {
2065
- height: 16px;
2066
- width: 16px;
2067
- }
2068
- @media (max-width: 1000px) {
2069
- .sidebar {
2070
- min-height: 0;
2071
- }
2072
- .pages {
2073
- padding-top: 12px;
2074
- }
2075
- }
2076
- @media (max-width: 500px) {
2077
- .header-item-link.header-item-active,
2078
- .sidebar-section,
2079
- .sidebar-heading {
2080
- font-size: var(--scalar-api-reference-theme-mini);
2081
- }
2082
- }
2083
-
2084
- .scalar-api-client__container .scalar-api-client[data-v-8c213bfd] {
2085
- width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
2086
- }
2087
- .scalar-api-client__container[data-v-8c213bfd] {
2088
- position: absolute;
2089
- right: 0;
2090
- left: 0;
2091
- bottom: 0;
2092
- top: 0;
2093
- z-index: 9;
2094
- border-radius: 0;
2095
- box-shadow: none;
2096
- opacity: 1;
2097
- overflow: hidden;
2098
- pointer-events: all;
2099
- background: var(--scalar-api-reference-theme-background-1) !important;
2100
- border-radius: var(--scalar-api-reference-rounded);
2101
- box-shadow: var(--scalar-api-reference-theme-shadow-1);
2102
- height: 100%;
2103
- overflow: hidden;
2104
- display: flex;
2105
- flex-direction: column;
2106
- }
2107
- @media screen and (max-width: 1265px) {
2108
- .scalar-api-client__container[data-v-8c213bfd] {
2109
- width: 100vw !important;
2110
- }
2111
- }
2112
- .scalar-api-client__navigation[data-v-8c213bfd] {
2113
- width: 100%;
2114
- display: flex;
2115
- align-items: center;
2116
- padding: 11px 12px;
2117
- height: var(--scalar-api-reference-theme-header-height);
2118
- background-color: var(--scalar-api-reference-theme-background-1);
2119
- z-index: 10;
2120
- position: sticky;
2121
- border-bottom: var(--scalar-api-reference-border);
2122
- top: 0;
2123
- }
2124
- .scalar-api-client__close[data-v-8c213bfd] {
2125
- appearance: none;
2126
- border: none;
2127
- outline: none;
2128
- display: flex;
2129
- align-items: center;
2130
- background: transparent;
2131
- font-size: 14px;
2132
- color: var(--scalar-api-reference-theme-color-1);
2133
- font-weight: var(--scalar-api-reference-theme-semibold);
2134
- }
2135
- .scalar-api-client__close[data-v-8c213bfd]:hover {
2136
- cursor: pointer;
2137
- }
2138
- /*
2139
- TODO: Markup is missing
2140
- .scalar-api-client__close__icon {
2141
- width: 28px;
2142
- height: 28px;
2143
- border-radius: var(--scalar-api-reference-rounded);
2144
- margin-right: 12px;
2145
- display: flex;
2146
- justify-content: center;
2147
- align-items: center;
2148
- color: var(--scalar-api-reference-theme-color-2);
2149
- }
2150
- .scalar-api-client__close__icon:hover {
2151
- background: var(--scalar-api-reference-theme-background-2);
2152
- }
2153
- .scalar-api-client__close__icon svg {
2154
- width: 12px;
2155
- height: 12px;
2156
- transform: rotate(180deg);
2157
- } */
2158
- .api-client-drawer[data-v-8c213bfd] {
2159
- background: var(--scalar-api-reference-theme-background-1);
2160
- height: calc(100vh - 58px);
2161
- width: calc(100vw - 8px);
2162
- border-radius: 12px;
2163
- overflow: hidden;
2164
- visibility: visible;
2165
- position: fixed;
2166
- bottom: 4px;
2167
- left: 4px;
2168
- z-index: 9999;
2169
- opacity: 0;
2170
- animation: apiclientfadein-8c213bfd 0.35s forwards;
2171
- }
2172
- @keyframes apiclientfadein-8c213bfd {
2173
- from {
2174
- transform: translate3d(0, 20px, 0) scale(0.985);
2175
- opacity: 0;
2176
- }
2177
- to {
2178
- transform: translate3d(0, 0, 0) scale(1);
2179
- opacity: 1;
2180
- }
2181
- }
2182
- .api-client-drawer-exit[data-v-8c213bfd] {
2183
- position: fixed;
2184
- top: 0;
2185
- left: 0;
2186
- width: 100vw;
2187
- height: 100vh;
2188
- background: rgba(0, 0, 0, 0.44);
2189
- transition: all 0.3s ease-in-out;
2190
- z-index: 9998;
2191
- cursor: pointer;
2192
- animation: drawerexitfadein-8c213bfd 0.35s forwards;
2193
- }
2194
- @keyframes drawerexitfadein-8c213bfd {
2195
- from {
2196
- opacity: 0;
2197
- }
2198
- to {
2199
- opacity: 1;
2200
- }
2201
- }
2202
- .scalar-api-client-height[data-v-8c213bfd] {
2203
- height: 100%;
2204
- }
2205
- .scalar-api-client-height .sidebar[data-v-8c213bfd] {
2206
- flex: 1 1 0%;
2207
- flex-grow: 1;
2208
- flex-shrink: 1;
2209
- flex-basis: 0%;
2210
- height: 100%;
2211
- display: flex;
2212
- flex-direction: column;
2213
- width: var(--scalar-api-reference-theme-sidebar-width);
2214
- border-right: 1px solid var(--scalar-api-reference-border-color);
2215
- }
2216
-
2217
- .card[data-v-18b26a5c] {
2218
- border-radius: var(--scalar-api-reference-rounded-lg);
2219
- overflow: hidden;
2220
- border: 1px solid var(--scalar-api-reference-border-color);
2221
- }
2222
-
2223
- .card-content[data-v-8fdcb32d] {
2224
- overflow: auto;
2225
- padding: 10px 12px;
2226
- border-bottom: 1px solid var(--scalar-api-reference-border-color);
2227
- }
2228
- .card-content[data-v-8fdcb32d]:last-of-type,
2229
- .card-content.card--borderless[data-v-8fdcb32d] {
2230
- border-bottom: none;
2231
- }
2232
- .card--muted[data-v-8fdcb32d] {
2233
- background: var(--scalar-api-reference-theme-background-2);
2234
- }
2235
- .card--frameless[data-v-8fdcb32d] {
2236
- padding: 0;
2237
- }
2238
-
2239
- .card-header[data-v-7ae5e9f2] {
2240
- font-weight: var(--scalar-api-reference-theme-semibold);
2241
- font-size: var(--scalar-api-reference-theme-mini);
2242
- color: var(--scalar-api-reference-theme-color-3);
2243
- }
2244
- .card-header-title[data-v-7ae5e9f2] {
2245
- text-transform: uppercase;
2246
- }
2247
- .card-header-slots[data-v-7ae5e9f2] {
2248
- display: flex;
2249
- justify-content: space-between;
2250
- align-items: center;
2251
- }
2252
- .card-header-actions[data-v-7ae5e9f2] {
2253
- display: flex;
2254
- align-items: center;
2255
- }
2256
-
2257
- .card-footer[data-v-67e35cbc] {
2258
- border-top: 1px solid var(--scalar-api-reference-border-color);
2259
- }
2260
-
2261
- .tab-list[data-v-d1f27904] {
2262
- display: flex;
2263
- gap: 6px;
2264
- position: relative;
2265
- }
2266
-
2267
- .tab[data-v-9c502887] {
2268
- background: none;
2269
- border: none;
2270
- font-size: var(--scalar-api-reference-theme-font-size-4);
2271
- font-family: var(--scalar-api-reference-font-sans);
2272
- color: var(--scalar-api-reference-theme-color-2);
2273
- font-weight: var(--scalar-api-reference-theme-semibold);
2274
- cursor: pointer;
2275
- }
2276
- .tab-selected[data-v-9c502887] {
2277
- color: var(--scalar-api-reference-theme-color-1);
2278
- text-decoration: underline;
2279
- text-underline-offset: 12px;
2280
- }
2281
-
2282
- .markdown[data-v-b7dd07e1] * {
2283
- margin-top: 12px;
2284
- }
2285
- .markdown[data-v-b7dd07e1] h1,
2286
- .markdown[data-v-b7dd07e1] h2,
2287
- .markdown[data-v-b7dd07e1] h3,
2288
- .markdown[data-v-b7dd07e1] h4,
2289
- .markdown[data-v-b7dd07e1] h5,
2290
- .markdown[data-v-b7dd07e1] h6 {
2291
- font-size: var(--font-size);
2292
- margin: 12px 0 6px;
2293
- }
2294
- .markdown[data-v-b7dd07e1] p {
2295
- font-size: var(--font-size, var(--scalar-api-reference-theme-paragraph));
2296
- /* prettier-ignore */
2297
- color: var(--scalar-api-reference-font-color, var(--scalar-api-reference-theme-color-1));
2298
- font-weight: var(--font-weight, var(--scalar-api-reference-theme-regular));
2299
- line-height: 1.5;
2300
- }
2301
- .markdown[data-v-b7dd07e1] ul,
2302
- .markdown[data-v-b7dd07e1] ol {
2303
- padding-left: 24px;
2304
- line-height: 1.5;
2305
- margin: 12px 0;
2306
- }
2307
- .markdown[data-v-b7dd07e1] ul {
2308
- list-style: disc;
2309
- }
2310
- .markdown[data-v-b7dd07e1] ol {
2311
- list-style: decimal;
2312
- }
2313
- .markdown[data-v-b7dd07e1] ul.contains-task-list {
2314
- list-style: none;
2315
- padding-left: 0;
2316
- }
2317
- .markdown[data-v-b7dd07e1] li {
2318
- margin: 6px 0;
2319
- }
2320
- .markdown[data-v-b7dd07e1] code {
2321
- font-family: var(--scalar-api-reference-font-mono);
2322
- background-color: var(--scalar-api-reference-theme-background-2);
2323
- box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
2324
- font-size: var(--scalar-api-reference-theme-mini);
2325
- border-radius: 2px;
2326
- padding: 0 3px;
2327
- }
2328
- .markdown[data-v-b7dd07e1] pre code {
2329
- display: block;
2330
- white-space: pre;
2331
- padding: 3px;
2332
- margin: 12px 0;
2333
- -webkit-overflow-scrolling: touch;
2334
- overflow-x: scroll;
2335
- max-width: 100%;
2336
- min-width: 100px;
2337
- }
2338
- .markdown[data-v-b7dd07e1] blockquote {
2339
- border-left: 3px solid var(--scalar-api-reference-border-color);
2340
- padding-left: 12px;
2341
- }
2342
- .markdown[data-v-b7dd07e1] table {
2343
- position: relative;
2344
- border-collapse: collapse;
2345
- table-layout: fixed;
2346
- width: 100%;
2347
- margin: 0;
2348
- overflow: hidden;
2349
- box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
2350
- border-radius: var(--scalar-api-reference-rounded);
2351
- }
2352
- .markdown[data-v-b7dd07e1] td,
2353
- .markdown[data-v-b7dd07e1] th {
2354
- min-width: 1em;
2355
- padding: 6px;
2356
- vertical-align: top;
2357
- box-sizing: border-box;
2358
- position: relative;
2359
- word-break: break-all;
2360
- border-right: var(--scalar-api-reference-border);
2361
- border-bottom: var(--scalar-api-reference-border);
2362
- }
2363
- .markdown[data-v-b7dd07e1] td > *,
2364
- .markdown[data-v-b7dd07e1] th > * {
2365
- margin-bottom: 0;
2366
- }
2367
- .markdown.parameter-description[data-v-b7dd07e1] p {
2368
- font-size: var(--scalar-api-reference-theme-small);
2369
- color: var(--scalar-api-reference-theme-color-2);
2370
- line-height: initial;
2371
- }
2372
- .markdown[data-v-b7dd07e1] td:first-of-type,
2373
- .markdown[data-v-b7dd07e1] th:first-of-type {
2374
- border-left: none;
2375
- }
2376
- .markdown[data-v-b7dd07e1] td:last-of-type,
2377
- .markdown[data-v-b7dd07e1] th:last-of-type {
2378
- border-right: none;
2379
- }
2380
- .markdown[data-v-b7dd07e1] tr:last-of-type td {
2381
- border-bottom: none;
2382
- }
2383
- .markdown[data-v-b7dd07e1] th {
2384
- font-weight: bold !important;
2385
- text-align: left;
2386
- border-left-color: transparent;
2387
- background: var(--scalar-api-reference-theme-background-2);
2388
- }
2389
-
2390
- .base-url[data-v-eedff8c4] {
2391
- color: var(--scalar-api-reference-theme-color-2);
2392
- font-size: var(--scalar-api-reference-theme-mini);
2393
- cursor: pointer;
2394
- display: flex;
2395
- font-family: var(--scalar-api-reference-font-mono);
2396
- flex-direction: column;
2397
- }
2398
-
2399
- .client-libraries-content[data-v-26e49734] {
2400
- display: flex;
2401
- justify-content: center;
2402
- gap: 6px;
2403
- padding: 0 12px;
2404
- }
2405
- .code-languages[data-v-26e49734] {
2406
- display: flex;
2407
- align-items: center;
2408
- justify-content: center;
2409
- flex-direction: column;
2410
- max-width: 68px;
2411
- width: 100%;
2412
- padding: 12px 0;
2413
- position: relative;
2414
- cursor: pointer;
2415
- white-space: nowrap;
2416
- }
2417
- /* remove php and c on mobile */
2418
- @media screen and (max-width: 450px) {
2419
- .code-languages[data-v-26e49734]:nth-of-type(4),
2420
- .code-languages[data-v-26e49734]:nth-of-type(6) {
2421
- display: none;
2422
- }
2423
- }
2424
- .code-languages-icon[data-v-26e49734] {
2425
- max-width: 48px;
2426
- width: 100%;
2427
- max-height: 48px;
2428
- aspect-ratio: 1;
2429
- border-radius: 12px;
2430
- padding: 7px;
2431
- display: flex;
2432
- align-items: center;
2433
- color: #fff;
2434
- justify-content: center;
2435
- }
2436
- .code-languages-icon__shell[data-v-26e49734] {
2437
- background: #000;
2438
- box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
2439
- }
2440
- .code-languages-icon__ruby[data-v-26e49734] {
2441
- background: #d91404;
2442
- }
2443
- .code-languages-icon__php[data-v-26e49734] {
2444
- background: #6181b6;
2445
- }
2446
- .code-languages-icon__python[data-v-26e49734] {
2447
- background: #306998;
2448
- }
2449
- .code-languages-icon__more[data-v-26e49734] {
2450
- background: var(--scalar-api-reference-theme-background-3);
2451
- }
2452
- .code-languages-icon__node[data-v-26e49734] {
2453
- background: #83cd29;
2454
- }
2455
- .code-languages-icon__c[data-v-26e49734] {
2456
- background: #03599c;
2457
- }
2458
- .code-languages-icon__csharp[data-v-26e49734] {
2459
- background: #68217a;
2460
- }
2461
- .code-languages-icon__cplusplus[data-v-26e49734] {
2462
- background: #9c033a;
2463
- }
2464
- .code-languages-icon__clojure[data-v-26e49734] {
2465
- background: #5881d8;
2466
- }
2467
- .code-languages-icon__go[data-v-26e49734] {
2468
- background: #00acd7;
2469
- }
2470
- .code-languages-icon__http[data-v-26e49734] {
2471
- background: #005b9b;
2472
- }
2473
- .code-languages-icon__java[data-v-26e49734] {
2474
- background: #ea2d2e;
2475
- }
2476
- .code-languages-icon__javascript[data-v-26e49734] {
2477
- background: #f0db4f;
2478
- }
2479
- .code-languages-icon__kotlin[data-v-26e49734] {
2480
- background: #7f6cb1;
2481
- }
2482
- .code-languages-icon__objc[data-v-26e49734] {
2483
- background: #0b5a9d;
2484
- }
2485
- .code-languages-icon__ocaml[data-v-26e49734] {
2486
- background: #f29100;
2487
- }
2488
- .code-languages-icon__powershell[data-v-26e49734] {
2489
- background: #2671be;
2490
- }
2491
- .code-languages-icon__r[data-v-26e49734] {
2492
- background: #cbced0;
2493
- }
2494
- .code-languages-icon__swift[data-v-26e49734] {
2495
- background: #f05138;
2496
- }
2497
- .code-languages__loading .code-languages-icon[data-v-26e49734]:before {
2498
- border: 1px solid rgba(255, 255, 255, 0.44);
2499
- border-top: 1px solid white;
2500
- animation: codeloader-26e49734 0.45s linear infinite;
2501
- background: transparent;
2502
- width: 18px;
2503
- height: 18px;
2504
- content: '';
2505
- border-radius: 50%;
2506
- }
2507
- .code-languages__loading .code-languages-icon svg[data-v-26e49734] {
2508
- display: none;
2509
- }
2510
- .code-languages__active[data-v-26e49734]:after {
2511
- content: '';
2512
- position: absolute;
2513
- bottom: 0;
2514
- height: 2px;
2515
- width: 100%;
2516
- background: var(--scalar-api-reference-theme-color-1);
2517
- }
2518
- @keyframes codeloader-26e49734 {
2519
- 0% {
2520
- transform: rotate(0deg);
2521
- }
2522
- to {
2523
- transform: rotate(1turn);
2524
- }
2525
- }
2526
- .code-languages span[data-v-26e49734] {
2527
- margin-top: 3px;
2528
- color: var(--scalar-api-reference-theme-color-2);
2529
- font-size: var(--scalar-api-reference-theme-mini);
2530
- }
2531
- .code-languages__active span[data-v-26e49734] {
2532
- color: var(--scalar-api-reference-theme-color-1);
2533
- }
2534
- .code-languages__select select[data-v-26e49734] {
2535
- opacity: 0;
2536
- width: 100%;
2537
- height: 100%;
2538
- position: absolute;
2539
- top: 0;
2540
- left: 0;
2541
- cursor: pointer;
2542
- }
2543
- .code-languages__select span[data-v-26e49734] {
2544
- position: relative;
2545
- display: flex;
2546
- align-items: center;
2547
- }
2548
- .code-languages__select span[data-v-26e49734]:after {
2549
- content: '';
2550
- width: 8px;
2551
- height: 8px;
2552
- background: var(--scalar-api-reference-theme-background-1);
2553
- box-shadow: 1px 1px 0 currentColor;
2554
- display: block;
2555
- transform: rotate(45deg);
2556
- margin-left: 5px;
2557
- margin-top: -7px;
2558
- }
2559
-
2560
- .heading[data-v-2e8d58fe] {
2561
- margin-top: 0px !important;
2562
- }
2563
- .loading[data-v-2e8d58fe] {
2564
- background: var(--scalar-api-reference-theme-background-2);
2565
- animation: loading-skeleton-2e8d58fe 2s infinite alternate;
2566
- border-radius: var(--scalar-api-reference-rounded);
2567
- }
2568
- .heading.loading[data-v-2e8d58fe] {
2569
- width: 80%;
2570
- }
2571
- .tag-description .loading[data-v-2e8d58fe] {
2572
- height: 20px;
2573
- margin-bottom: 4px;
2574
- width: 100%;
2575
- display: inline-block;
2576
- }
2577
- .tag-description .loading[data-v-2e8d58fe]:first-of-type {
2578
- margin-top: 12px;
2579
- }
2580
- .tag-description .loading[data-v-2e8d58fe]:last-of-type {
2581
- width: 40%;
2582
- }
2583
- @keyframes loading-skeleton-2e8d58fe {
2584
- from {
2585
- background: var(--scalar-api-reference-theme-background-2);
2586
- }
2587
- to {
2588
- background: var(--scalar-api-reference-theme-background-3);
2589
- }
2590
- }
2591
-
2592
- .parameter p {
2593
- margin-top: 6px;
2594
- }
2595
- .parameter .parameter-child {
2596
- border: var(--scalar-api-reference-border);
2597
- border-radius: 20px;
2598
- margin-top: 12px;
2599
- width: fit-content;
2600
- }
2601
- .parameter .parameter {
2602
- border: none !important;
2603
- }
2604
- .parameter-child-trigger {
2605
- padding: 6px 12px;
2606
- cursor: pointer;
2607
- font-weight: 500;
2608
- color: var(--scalar-api-reference-theme-color-3);
2609
- font-size: var(--scalar-api-reference-theme-mini);
2610
- display: flex;
2611
- align-items: center;
2612
- user-select: none;
2613
- }
2614
- .parameter-child-trigger:has(+ .parameter li:first-of-type:last-of-type) {
2615
- display: none;
2616
- }
2617
- .parameter-child-trigger:hover {
2618
- color: var(--scalar-api-reference-theme-color-1);
2619
- }
2620
- .parameter-child-trigger > span:before {
2621
- content: 'Show ';
2622
- }
2623
- .parameter-child__open > .parameter-child-trigger span:before {
2624
- content: 'Hide ';
2625
- }
2626
- .parameter-child-trigger svg {
2627
- height: 10px;
2628
- width: 10px;
2629
- margin-right: 6px;
2630
- }
2631
- .parameter-child__open .parameter-child-trigger svg {
2632
- transform: rotate(45deg);
2633
- }
2634
- .parameter .parameter li:first-of-type {
2635
- border-top: none;
2636
- }
2637
- .parameter .parameter li {
2638
- padding: 12px;
2639
- }
2640
- .parameter-child__open > .parameter {
2641
- display: block;
2642
- }
2643
- .parameter .parameter-child__open {
2644
- width: 100%;
2645
- border-radius: 6px;
2646
- }
2647
- .parameter .parameter-child__open > svg {
2648
- transform: rotate(45deg);
2649
- }
2650
- .parameter-child__open > .parameter-child-trigger {
2651
- border-bottom: var(--scalar-api-reference-border);
2652
- }
2653
- .parameter {
2654
- list-style: none;
2655
- font-size: var(--scalar-api-reference-theme-small);
2656
- }
2657
- .parameter li {
2658
- border-top: var(--scalar-api-reference-border);
2659
- padding: 12px 0;
2660
- }
2661
- .parameter-name {
2662
- font-weight: 500;
2663
- margin-right: 6px;
2664
- font-family: var(--scalar-api-reference-font-mono);
2665
- font-size: 13px;
2666
- color: var(--scalar-api-reference-theme-color-1);
2667
- }
2668
- .parameter-type,
2669
- .parameter-required {
2670
- color: var(--scalar-api-reference-theme-color-3);
2671
- font-weight: var(--scalar-api-reference-theme-semibold);
2672
- margin-right: 6px;
2673
- position: relative;
2674
- }
2675
- .marc_required {
2676
- text-transform: uppercase;
2677
- font-size: 11px;
2678
- font-weight: var(--scalar-api-reference-theme-bold);
2679
- color: #ffb040;
2680
- }
2681
- .parameter-options {
2682
- position: relative;
2683
- }
2684
- .copy .parameter-description:empty {
2685
- display: none;
2686
- }
2687
-
2688
- .heading[data-v-4870ef25] {
2689
- margin-top: 0px !important;
2690
- }
2691
- .tag-description[data-v-4870ef25] {
2692
- margin-top: 12px;
2693
- }
2694
-
2695
- .request-method--post[data-v-34bdfe15] {
2696
- color: var(--scalar-api-reference-theme-post-color);
2697
- }
2698
- .request-method--patch[data-v-34bdfe15] {
2699
- color: var(--scalar-api-reference-theme-patch-color);
2700
- }
2701
- .request-method--get[data-v-34bdfe15] {
2702
- color: var(--scalar-api-reference-theme-get-color);
2703
- }
2704
- .request-method--delete[data-v-34bdfe15] {
2705
- color: var(--scalar-api-reference-theme-delete-color);
2706
- }
2707
- .request-method--put[data-v-34bdfe15] {
2708
- color: var(--scalar-api-reference-theme-put-color);
2709
- }
2710
- .request-path[data-v-34bdfe15] {
2711
- margin-left: 6px;
2712
- color: var(--scalar-api-reference-theme-color-2);
2713
- white-space: nowrap;
2714
- overflow: hidden;
2715
- cursor: default;
2716
- text-overflow: ellipsis;
2717
- text-transform: none !important;
2718
- }
2719
- .language-select[data-v-34bdfe15] {
2720
- position: relative;
2721
- padding-right: 9px;
2722
- border-right: 1px solid var(--scalar-api-reference-border-color);
2723
- }
2724
- .language-select select[data-v-34bdfe15] {
2725
- border: none;
2726
- outline: none;
2727
- cursor: pointer;
2728
- background: var(--scalar-api-reference-theme-background-3);
2729
- box-shadow: -2px 0 0 0 var(--scalar-api-reference-theme-background-3);
2730
- z-index: 2;
2731
- position: absolute;
2732
- top: 0;
2733
- left: 0;
2734
- width: 100%;
2735
- height: 100%;
2736
- opacity: 0;
2737
- appearance: none;
2738
- }
2739
- .language-select span[data-v-34bdfe15] {
2740
- font-size: 12px;
2741
- color: var(--scalar-api-reference-theme-color-3);
2742
- font-weight: var(--scalar-api-reference-theme-semibold);
2743
- display: flex;
2744
- align-items: center;
2745
- justify-content: center;
2746
- }
2747
- .language-select span[data-v-34bdfe15]:after {
2748
- content: '';
2749
- width: 7px;
2750
- height: 7px;
2751
- transform: rotate(45deg) translate3d(-2px, -2px, 0);
2752
- display: block;
2753
- margin-left: 6px;
2754
- box-shadow: 1px 1px 0 currentColor;
2755
- }
2756
- .language-select span[data-v-34bdfe15]:hover {
2757
- background: var(--scalar-api-reference-theme-background-2);
2758
- }
2759
- .copy-button[data-v-34bdfe15] {
2760
- appearance: none;
2761
- -webkit-appearance: none;
2762
- outline: none;
2763
- background: transparent;
2764
- display: flex;
2765
- cursor: pointer;
2766
- color: var(--scalar-api-reference-theme-color-3);
2767
- margin-left: 6px;
2768
- border: none;
2769
- border-radius: 3px;
2770
- }
2771
- .copy-button[data-v-34bdfe15]:hover {
2772
- color: var(--scalar-api-reference-theme-color-1);
2773
- }
2774
- .copy-button svg[data-v-34bdfe15] {
2775
- width: 13px;
2776
- height: 13px;
2777
- }
2778
- .show-api-client-button[data-v-34bdfe15] {
2779
- width: 100%;
2780
- display: block;
2781
- appearance: none;
2782
- outline: none;
2783
- border: none;
2784
- border-radius: var(--scalar-api-reference-rounded-lg);
2785
- height: 35px;
2786
- display: flex;
2787
- justify-content: center;
2788
- cursor: pointer;
2789
- align-items: center;
2790
- font-weight: var(--scalar-api-reference-theme-bold);
2791
- font-size: var(--scalar-api-reference-theme-micro);
2792
- text-transform: uppercase;
2793
- border: 1px solid currentColor;
2794
- background: var(--scalar-api-reference-theme-button-1);
2795
- color: var(--scalar-api-reference-theme-button-1-color);
2796
- }
2797
- .show-api-client-button[data-v-34bdfe15]:hover {
2798
- background: var(--scalar-api-reference-theme-button-1-hover);
2799
- }
2800
- .show-api-client-button svg[data-v-34bdfe15] {
2801
- height: 12px;
2802
- width: auto;
2803
- margin-right: 6px;
2804
- }
2805
- .request-method[data-v-34bdfe15] {
2806
- font-family: var(--scalar-api-reference-font-mono);
2807
- }
2808
- .request-path[data-v-34bdfe15] {
2809
- font-family: var(--scalar-api-reference-font-mono);
2810
- }
2811
-
2812
- .code-copy[data-v-e41bd4be] {
2813
- display: flex;
2814
- appearance: none;
2815
- -webkit-appearance: none;
2816
- outline: none;
2817
- background: transparent;
2818
- cursor: pointer;
2819
- color: var(--scalar-api-reference-theme-color-3);
2820
- border: none;
2821
- }
2822
- .code-copy[data-v-e41bd4be]:hover {
2823
- color: var(--scalar-api-reference-theme-color-1);
2824
- }
2825
- .code-copy svg[data-v-e41bd4be] {
2826
- width: 13px;
2827
- height: 13px;
2828
- }
2829
- .description[data-v-e41bd4be] {
2830
- font-weight: var(--scalar-api-reference-theme-semibold);
2831
- font-size: var(--scalar-api-reference-theme-mini);
2832
- }
2833
- .scalar-api-reference__empty-state[data-v-e41bd4be] {
2834
- border: 1px dashed var(--scalar-api-reference-border-color);
2835
- width: 100%;
2836
- text-align: center;
2837
- font-size: var(--scalar-api-reference-theme-mini);
2838
- padding: 20px;
2839
- color: var(--scalar-api-reference-theme-color-2);
2840
- }
2841
-
2842
- .endpoints[data-v-b58016f4] {
2843
- overflow: auto;
2844
- background: var(--scalar-api-reference-theme-background-2);
2845
- }
2846
- .endpoints span + span[data-v-b58016f4] {
2847
- text-align: left;
2848
- margin-left: 12px;
2849
- text-transform: initial;
2850
- }
2851
-
2852
- .scalar-logo-animation[data-v-16147dd7] {
2853
- width: 38px;
2854
- height: 38px;
2855
- position: relative;
2856
- display: flex;
2857
- align-items: center;
2858
- }
2859
- .scalar-logo-animation .line[data-v-16147dd7]:before {
2860
- content: '';
2861
- width: 100%;
2862
- height: 100%;
2863
- background: #4c4316;
2864
- display: block;
2865
- position: absolute;
2866
- }
2867
- .scalar-logo-animation .line[data-v-16147dd7] {
2868
- position: absolute;
2869
- width: 100%;
2870
- height: 1px;
2871
- overflow: hidden;
2872
- }
2873
- .scalar-logo-animation .line-2[data-v-16147dd7] {
2874
- transform: rotate(90deg);
2875
- }
2876
- .scalar-logo-animation .line-3[data-v-16147dd7] {
2877
- transform: rotate(45deg);
2878
- }
2879
- .scalar-logo-animation .line-4[data-v-16147dd7] {
2880
- transform: rotate(-45deg);
2881
- }
2882
- .scalar-logo-animation-load[data-v-16147dd7] {
2883
- animation: rotate-16147dd7 2s linear infinite;
2884
- }
2885
- @keyframes rotate-16147dd7 {
2886
- from {
2887
- transform: rotate(0deg);
2888
- }
2889
- to {
2890
- transform: rotate(360deg);
2891
- }
2892
- }
2893
-
2894
- .render-loading[data-v-ea5f7d36] {
2895
- height: calc(
2896
- var(--scalar-api-reference-full-height) -
2897
- var(--scalar-api-reference-theme-header-height)
2898
- );
2899
- display: flex;
2900
- align-items: center;
2901
- justify-content: center;
2902
- }
2903
- .show-more[data-v-ea5f7d36] {
2904
- background: var(--scalar-api-reference-theme-background-1);
2905
- appearance: none;
2906
- border: none;
2907
- border: 1px solid var(--scalar-api-reference-border-color);
2908
- margin: auto;
2909
- padding: 8px 12px;
2910
- border-radius: 30px;
2911
- color: var(--scalar-api-reference-theme-color-1);
2912
- font-weight: var(--scalar-api-reference-theme-semibold);
2913
- font-size: var(--scalar-api-reference-theme-font-size-4);
2914
- display: flex;
2915
- align-items: center;
2916
- justify-content: center;
2917
- margin-top: -48px;
2918
- margin-bottom: 48px;
2919
- position: relative;
2920
- }
2921
- .show-more[data-v-ea5f7d36]:hover {
2922
- color: var(--scalar-api-reference-theme-color-2);
2923
- cursor: pointer;
2924
- }
2925
- .show-more-icon[data-v-ea5f7d36] {
2926
- width: 14px;
2927
- height: 14px;
2928
- margin-left: 3px;
2929
- }
2930
- .show-more[data-v-ea5f7d36]:active {
2931
- box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
2932
- }
2933
- @media (max-width: 1165px) {
2934
- .show-more[data-v-ea5f7d36] {
2935
- margin-top: -24px;
2936
- margin-bottom: 24px;
2937
- }
2938
- }
2939
-
2940
- .loader-wrapper[data-v-a0429592] {
2941
- position: relative;
2942
- height: var(--a8cfd54e);
2943
- width: var(--a8cfd54e);
2944
-
2945
- display: flex;
2946
- align-items: center;
2947
- justify-content: center;
2948
-
2949
- --loader-size: 50%;
2950
- }
2951
-
2952
- /*SVG Positioning for Loader Objects*/
2953
- .svg-loader[data-v-a0429592] {
2954
- width: var(--loader-size);
2955
- height: var(--loader-size);
2956
- top: 1rem;
2957
- right: 0.9rem;
2958
- overflow: visible;
2959
-
2960
- fill: none;
2961
- background-color: transparent;
2962
- stroke: currentColor;
2963
- }
2964
- .svg-path[data-v-a0429592] {
2965
- stroke-width: 14;
2966
- fill: none;
2967
- transition: 0.3s;
2968
- }
2969
- .svg-x-mark[data-v-a0429592] {
2970
- stroke-dasharray: 57;
2971
- stroke-dashoffset: 57;
2972
- transition-delay: 0s;
2973
- }
2974
- .svg-check-mark[data-v-a0429592] {
2975
- stroke-dasharray: 149;
2976
- stroke-dashoffset: 149;
2977
- transition-delay: 0s;
2978
- }
2979
- .icon-is-invalid .svg-x-mark[data-v-a0429592] {
2980
- stroke-dashoffset: 0;
2981
- transition-delay: 0.3s;
2982
- }
2983
- .icon-is-valid .svg-check-mark[data-v-a0429592] {
2984
- stroke-dashoffset: 0;
2985
- transition-delay: 0.3s;
2986
- }
2987
- .circular-loader[data-v-a0429592] {
2988
- animation: rotate-a0429592 0.7s linear infinite,fade-in-a0429592 0.4s;
2989
-
2990
- transform-origin: center center;
2991
- transform: scale(5);
2992
-
2993
- background: transparent;
2994
- }
2995
- .loader-path[data-v-a0429592] {
2996
- stroke-dasharray: 50, 200;
2997
- stroke-dashoffset: -100;
2998
- stroke-linecap: round;
2999
- }
3000
- .loader-path-off[data-v-a0429592] {
3001
- stroke-dasharray: 50, 200;
3002
- stroke-dashoffset: -100;
3003
- transition: opacity 0.3s;
3004
- opacity: 0;
3005
- }
3006
- @keyframes fade-in-a0429592 {
3007
- 0% {
3008
- opacity: 0;
3009
- }
3010
- 70% {
3011
- opacity: 0;
3012
- }
3013
- 100% {
3014
- opacity: 1;
3015
- }
3016
- }
3017
- @keyframes rotate-a0429592 {
3018
- from {
3019
- transform: scale(5) rotate(0deg);
900
+ @keyframes codeloader-26e49734 {
901
+ 0% {
902
+ transform: rotate(0deg);
3020
903
  }
3021
904
  to {
3022
- transform: scale(5) rotate(360deg);
3023
- }
3024
- }
3025
-
3026
- .flow-button[data-v-48a9b678] {
3027
- display: flex;
3028
- align-items: center;
3029
- justify-content: center;
3030
- z-index: 1;
3031
- position: relative;
3032
- appearance: none;
3033
- -webkit-appearance: none;
3034
- height: 40px;
3035
- padding: 0px 24px;
3036
- border-radius: var(--scalar-api-reference-theme-radius);
3037
- color: var(--scalar-api-reference-theme-button-1-color);
3038
- font-size: var(--scalar-api-reference-theme-font-size-4);
3039
- font-weight: 500;
3040
- cursor: pointer;
3041
- background: var(--scalar-api-reference-theme-button-1);
3042
- border: none;
3043
- width: 100%;
3044
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
3045
- }
3046
- .flow-button[data-v-48a9b678]:hover,
3047
- .flow-button[data-v-48a9b678]:focus-visible {
3048
- background: var(--scalar-api-reference-theme-button-1-hover);
3049
- }
3050
- .flow-button[data-v-48a9b678]:active {
3051
- box-shadow: none;
3052
- background: var(--scalar-api-reference-theme-button-1);
3053
- }
3054
- .flow-button[disabled][data-v-48a9b678] {
3055
- background: var(--scalar-api-reference-theme-background-2);
3056
- color: var(--scalar-api-reference-theme-color-3);
3057
- cursor: unset;
3058
- box-shadow: none;
3059
- }
3060
- .flow-button.flow-button-icon-only[data-v-48a9b678] {
3061
- width: 24px;
3062
- height: 24px;
3063
- padding: 0;
3064
- }
3065
-
3066
- /* ----------------------------------------------------- */
3067
- .flow-button-outlined[data-v-48a9b678] {
3068
- background: var(--scalar-api-reference-theme-background-1);
3069
- color: var(--scalar-api-reference-theme-color-1);
3070
- padding: 11px 23px;
3071
- border: var(--scalar-api-reference-border);
3072
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
3073
- }
3074
- .flow-button-outlined[data-v-48a9b678]:hover,
3075
- .flow-button-outlined[data-v-48a9b678]:focus-visible {
3076
- background: var(--scalar-api-reference-theme-background-2);
3077
- }
3078
- .flow-button-outlined[data-v-48a9b678]:active {
3079
- background: var(--scalar-api-reference-theme-background-2);
3080
- }
3081
- .flow-button-outlined[disabled][data-v-48a9b678] {
3082
- background: var(--scalar-api-reference-theme-background-2);
3083
- color: var(--scalar-api-reference-theme-color-3);
3084
- cursor: unset;
3085
- box-shadow: none;
3086
- }
3087
-
3088
- /* ----------------------------------------------------- */
3089
- .flow-button-clear[data-v-48a9b678] {
3090
- background: transparent;
3091
- box-shadow: none;
3092
- color: var(--scalar-api-reference-theme-color-3);
3093
- }
3094
- .flow-button-clear[data-v-48a9b678]:active {
3095
- background: transparent;
3096
- }
3097
- .flow-button-clear[data-v-48a9b678]:hover,
3098
- .flow-button-clear[data-v-48a9b678]:focus-visible {
3099
- background: var(--scalar-api-reference-theme-background-2);
3100
- box-shadow: none;
3101
- }
3102
- .flow-button-clear[disabled][data-v-48a9b678] {
3103
- background: var(--scalar-api-reference-theme-background-2);
3104
- color: var(--scalar-api-reference-theme-color-3);
3105
- cursor: unset;
3106
- box-shadow: none;
3107
- }
3108
-
3109
- /* ----------------------------------------------------- */
3110
- .flow-button-text[data-v-48a9b678] {
3111
- background: transparent;
3112
- box-shadow: none;
3113
- color: var(--scalar-api-reference-theme-color-3);
3114
- }
3115
- .flow-button-text[data-v-48a9b678]:active {
3116
- background: transparent;
3117
- }
3118
- .flow-button-text[data-v-48a9b678]:hover,
3119
- .flow-button-text[data-v-48a9b678]:focus-visible {
3120
- color: var(--scalar-api-reference-theme-color-2);
3121
- background: transparent;
3122
- box-shadow: none;
3123
- }
3124
- .flow-button-text[disabled][data-v-48a9b678] {
3125
- background: transparent;
3126
- color: var(--scalar-api-reference-theme-color-ghost);
3127
- cursor: unset;
3128
- box-shadow: none;
905
+ transform: rotate(1turn);
3129
906
  }
3130
-
3131
- /* ----------------------------------------------------- */
3132
- .flow-button--delete[data-v-48a9b678] {
3133
- background: var(--scalar-api-reference-theme-error-color);
3134
- color: white;
3135
907
  }
3136
- .flow-button--delete[data-v-48a9b678]:active {
3137
- background: var(--scalar-api-reference-theme-error-color);
908
+ .code-languages span[data-v-26e49734] {
909
+ margin-top: 3px;
910
+ color: var(--scalar-api-reference-theme-color-2);
911
+ font-size: var(--scalar-api-reference-theme-mini);
3138
912
  }
3139
- .flow-button--delete[data-v-48a9b678]:hover {
3140
- background: var(--scalar-api-reference-theme-error-color);
3141
- opacity: 0.86;
913
+ .code-languages__active span[data-v-26e49734] {
914
+ color: var(--scalar-api-reference-theme-color-1);
3142
915
  }
3143
-
3144
- /* ----------------------------------------------------- */
3145
- .flow-button-loader[data-v-48a9b678] {
916
+ .code-languages__select select[data-v-26e49734] {
917
+ opacity: 0;
918
+ width: 100%;
919
+ height: 100%;
3146
920
  position: absolute;
3147
- right: 8px;
921
+ top: 0;
922
+ left: 0;
923
+ cursor: pointer;
3148
924
  }
3149
- .flow-button-decorator[data-v-48a9b678] {
3150
- margin-right: 9px;
3151
- color: currentColor;
925
+ .code-languages__select span[data-v-26e49734] {
926
+ position: relative;
3152
927
  display: flex;
3153
928
  align-items: center;
3154
- height: 14px;
3155
- width: 14px;
3156
929
  }
3157
- .flow-button-icon-only .flow-button-decorator[data-v-48a9b678] {
3158
- margin-right: 0;
930
+ .code-languages__select span[data-v-26e49734]:after {
931
+ content: '';
932
+ width: 8px;
933
+ height: 8px;
934
+ background: var(--scalar-api-reference-theme-background-1);
935
+ box-shadow: 1px 1px 0 currentColor;
936
+ display: block;
937
+ transform: rotate(45deg);
938
+ margin-left: 5px;
939
+ margin-top: -7px;
3159
940
  }
3160
941
 
3161
- .modal-layout[data-v-d081f944] {
3162
- position: fixed;
3163
- width: 100vw;
3164
- height: 100vh;
3165
- top: 0;
3166
- left: 0;
3167
- z-index: 1001;
3168
- background: rgba(0, 0, 0, 0.44);
3169
- padding: 20px;
3170
- opacity: 0;
3171
- animation: modal-fade-d081f944 0.2s forwards;
3172
- }
3173
- .modal-body[data-v-d081f944] {
3174
- padding: 12px 12px 18px 24px;
3175
- max-height: calc(100vh - 240px);
3176
- background: var(--scalar-api-reference-theme-background-1);
3177
- border-radius: var(--scalar-api-reference-theme-radius-xl);
942
+ .heading[data-v-2e8d58fe] {
943
+ margin-top: 0px !important;
3178
944
  }
3179
- .modal[data-v-d081f944] {
3180
- margin: 80px auto 0;
3181
- position: relative;
945
+ .loading[data-v-2e8d58fe] {
3182
946
  background: var(--scalar-api-reference-theme-background-2);
3183
- border-radius: var(--scalar-api-reference-theme-radius);
3184
- color: var(--scalar-api-reference-theme-color-1);
947
+ animation: loading-skeleton-2e8d58fe 2s infinite alternate;
948
+ border-radius: var(--scalar-api-reference-rounded);
949
+ }
950
+ .heading.loading[data-v-2e8d58fe] {
951
+ width: 80%;
952
+ }
953
+ .tag-description .loading[data-v-2e8d58fe] {
954
+ height: 20px;
955
+ margin-bottom: 4px;
3185
956
  width: 100%;
3186
- text-align: left;
3187
- line-height: 1.4;
3188
- opacity: 0;
3189
- transform: scale(0.98);
3190
- animation: modal-pop-d081f944 0.15s 0.15s forwards;
3191
- display: flex;
3192
- flex-direction: column;
957
+ display: inline-block;
3193
958
  }
3194
- .modal-content-normal[data-v-d081f944] {
3195
- max-width: 640px;
959
+ .tag-description .loading[data-v-2e8d58fe]:first-of-type {
960
+ margin-top: 12px;
3196
961
  }
3197
- .modal-content-small[data-v-d081f944] {
3198
- max-width: 480px;
962
+ .tag-description .loading[data-v-2e8d58fe]:last-of-type {
963
+ width: 40%;
3199
964
  }
3200
- @keyframes modal-fade-d081f944 {
965
+ @keyframes loading-skeleton-2e8d58fe {
3201
966
  from {
3202
- opacity: 0;
967
+ background: var(--scalar-api-reference-theme-background-2);
3203
968
  }
3204
969
  to {
3205
- opacity: 1;
3206
- }
3207
- }
3208
- @keyframes modal-pop-d081f944 {
3209
- 0% {
3210
- opacity: 0;
3211
- }
3212
- 100% {
3213
- opacity: 1;
3214
- transform: scale(1);
3215
- }
970
+ background: var(--scalar-api-reference-theme-background-3);
3216
971
  }
3217
- .modal-header[data-v-d081f944] {
3218
- padding: 12px 24px;
3219
- color: var(--scalar-api-reference-theme-color-1);
3220
- font-size: var(--scalar-api-reference-theme-font-size-4);
3221
- text-align: left;
3222
- font-weight: 600;
3223
- border-radius: var(--scalar-api-reference-theme-radius) var(--scalar-api-reference-theme-radius) 0 0;
3224
972
  }
3225
973
 
3226
- .flow-input-cont[data-v-422dab12] {
3227
- position: relative;
974
+ .parameter p {
975
+ margin-top: 6px;
3228
976
  }
3229
- .flow-input-wrapper[data-v-422dab12] {
3230
- border-radius: var(--scalar-api-reference-theme-radius);
977
+ .parameter .parameter-child {
3231
978
  border: var(--scalar-api-reference-border);
3232
- position: relative;
979
+ border-radius: 20px;
980
+ margin-top: 12px;
981
+ width: fit-content;
982
+ }
983
+ .parameter .parameter {
984
+ border: none !important;
985
+ }
986
+ .parameter-child-trigger {
987
+ padding: 6px 12px;
988
+ cursor: pointer;
989
+ font-weight: 500;
990
+ color: var(--scalar-api-reference-theme-color-3);
991
+ font-size: var(--scalar-api-reference-theme-mini);
3233
992
  display: flex;
3234
993
  align-items: center;
994
+ user-select: none;
3235
995
  }
3236
- .flow-input-wrapper--focus[data-v-422dab12] {
3237
- border-color: var(--scalar-api-reference-theme-color-3);
996
+ .parameter-child-trigger:has(+ .parameter li:first-of-type:last-of-type) {
997
+ display: none;
3238
998
  }
3239
- .flow-input-wrapper--focus[data-v-422dab12]:has(button:active) {
3240
- border: var(--scalar-api-reference-border) !important;
999
+ .parameter-child-trigger:hover {
1000
+ color: var(--scalar-api-reference-theme-color-1);
3241
1001
  }
3242
- .flow-input__multiline[data-v-422dab12] {
3243
- min-height: 77px;
1002
+ .parameter-child-trigger > span:before {
1003
+ content: 'Show ';
3244
1004
  }
3245
- .flow-label[data-v-422dab12] {
3246
- position: absolute;
3247
- top: 0;
3248
- left: 0;
3249
- pointer-events: none;
3250
- padding: 0px 3px;
3251
- margin: 12px 9px;
3252
- width: fit-content;
3253
- background: transparent;
3254
- font-size: var(--scalar-api-reference-theme-font-size-3);
3255
- background-color: var(--scalar-api-reference-theme-background-1);
3256
- border-radius: var(--scalar-api-reference-theme-radius);
3257
- color: var(--scalar-api-reference-theme-color-3);
3258
- box-shadow: 0 0 2px 2px var(--scalar-api-reference-theme-background-1);
3259
- transition: transform 0.2s ease-in-out;
3260
- transform-origin: top left;
3261
- z-index: 10;
3262
- line-height: initial;
1005
+ .parameter-child__open > .parameter-child-trigger span:before {
1006
+ content: 'Hide ';
3263
1007
  }
3264
- .flow-input[data-v-422dab12] {
3265
- outline: none;
3266
- appearance: none;
3267
- -webkit-appearance: none;
3268
- font-size: var(--scalar-api-reference-theme-font-size-3);
3269
- border: none;
3270
- color: var(--scalar-api-reference-theme-color-1);
1008
+ .parameter-child-trigger svg {
1009
+ height: 10px;
1010
+ width: 10px;
1011
+ margin-right: 6px;
1012
+ }
1013
+ .parameter-child__open .parameter-child-trigger svg {
1014
+ transform: rotate(45deg);
1015
+ }
1016
+ .parameter .parameter li:first-of-type {
1017
+ border-top: none;
1018
+ }
1019
+ .parameter .parameter li {
3271
1020
  padding: 12px;
3272
- width: 100%;
3273
- background: transparent;
3274
- z-index: 10;
3275
- transition: opacity 0.15s ease-in-out;
3276
- resize: none;
3277
1021
  }
3278
- .flow-input[data-v-422dab12]:has(+ .flow-label) {
3279
- opacity: 0;
1022
+ .parameter-child__open > .parameter {
1023
+ display: block;
3280
1024
  }
3281
- .flow-input[data-v-422dab12]::placeholder {
3282
- color: var(--scalar-api-reference-theme-color-3);
1025
+ .parameter .parameter-child__open {
1026
+ width: 100%;
1027
+ border-radius: 6px;
3283
1028
  }
3284
- .flow-input[data-v-422dab12]:not(:placeholder-shown),
3285
- .flow-input-wrapper--focus .flow-input[data-v-422dab12] {
3286
- opacity: 1;
3287
- transition: opacity 0.2s ease-in-out 0.15s;
1029
+ .parameter .parameter-child__open > svg {
1030
+ transform: rotate(45deg);
3288
1031
  }
3289
- .flow-input-wrapper--focus .flow-label[data-v-422dab12] {
3290
- color: var(--scalar-api-reference-theme-color-1);
1032
+ .parameter-child__open > .parameter-child-trigger {
1033
+ border-bottom: var(--scalar-api-reference-border);
3291
1034
  }
3292
- .flow-input[data-v-422dab12]::selection {
3293
- color: var(--scalar-api-reference-theme-color-1);
3294
- background: rgba(255, 165, 88, 0.35);
3295
- }
3296
- .flow-input[data-v-422dab12]:-webkit-autofill,
3297
- .flow-input[data-v-422dab12]:-webkit-autofill:hover,
3298
- .flow-input[data-v-422dab12]:-webkit-autofill:focus,
3299
- .flow-input[data-v-422dab12]:-webkit-autofill:active,
3300
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill,
3301
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:hover,
3302
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:focus,
3303
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:active {
3304
- -webkit-box-shadow: 0 0 0px 1000px var(--scalar-api-reference-theme-background-1) inset !important;
3305
- -webkit-text-fill-color: var(--scalar-api-reference-theme-color-1);
3306
- color: var(--scalar-api-reference-theme-color-1);
3307
- border-radius: var(--scalar-api-reference-theme-radius);
1035
+ .parameter {
1036
+ list-style: none;
1037
+ font-size: var(--scalar-api-reference-theme-small);
3308
1038
  }
3309
- .helper-text[data-v-422dab12] {
3310
- margin-top: 6px;
1039
+ .parameter li {
1040
+ border-top: var(--scalar-api-reference-border);
1041
+ padding: 12px 0;
1042
+ }
1043
+ .parameter-name {
1044
+ font-weight: 500;
1045
+ margin-right: 6px;
1046
+ font-family: var(--scalar-api-reference-font-mono);
3311
1047
  font-size: 13px;
3312
- color: var(--scalar-api-reference-theme-error-color);
3313
- display: flex;
3314
- align-items: center;
1048
+ color: var(--scalar-api-reference-theme-color-1);
3315
1049
  }
3316
- .helper-text[data-v-422dab12]:before {
3317
- content: '!';
3318
- border-radius: 50%;
3319
- background: var(--scalar-api-reference-theme-error-color);
3320
- color: white;
3321
- font-weight: 900;
3322
- width: 15px;
3323
- height: 15px;
3324
- line-height: 15px;
3325
- display: block;
1050
+ .parameter-type,
1051
+ .parameter-required {
1052
+ color: var(--scalar-api-reference-theme-color-3);
1053
+ font-weight: var(--scalar-api-reference-theme-semibold);
3326
1054
  margin-right: 6px;
3327
- text-align: center;
1055
+ position: relative;
1056
+ }
1057
+ .marc_required {
1058
+ text-transform: uppercase;
3328
1059
  font-size: 11px;
1060
+ font-weight: var(--scalar-api-reference-theme-bold);
1061
+ color: #ffb040;
1062
+ }
1063
+ .parameter-options {
1064
+ position: relative;
3329
1065
  }
3330
- .helper-text[data-v-422dab12]:empty {
1066
+ .copy .parameter-description:empty {
3331
1067
  display: none;
3332
1068
  }
3333
- .flow-input-wrapper--error[data-v-422dab12] {
3334
- border-color: var(--scalar-api-reference-theme-error-color);
1069
+
1070
+ .heading[data-v-4870ef25] {
1071
+ margin-top: 0px !important;
1072
+ }
1073
+ .tag-description[data-v-4870ef25] {
1074
+ margin-top: 12px;
1075
+ }
1076
+
1077
+ .request-method--post[data-v-fddb0abd] {
1078
+ color: var(--scalar-api-reference-theme-post-color);
1079
+ }
1080
+ .request-method--patch[data-v-fddb0abd] {
1081
+ color: var(--scalar-api-reference-theme-patch-color);
1082
+ }
1083
+ .request-method--get[data-v-fddb0abd] {
1084
+ color: var(--scalar-api-reference-theme-get-color);
3335
1085
  }
3336
- .flow-input-wrapper--error .flow-label[data-v-422dab12] {
3337
- color: var(--scalar-api-reference-theme-error-color);
1086
+ .request-method--delete[data-v-fddb0abd] {
1087
+ color: var(--scalar-api-reference-theme-delete-color);
3338
1088
  }
3339
- .flow-input-wrapper--warn[data-v-422dab12] {
3340
- border-color: var(--scalar-api-reference-theme-error-color);
1089
+ .request-method--put[data-v-fddb0abd] {
1090
+ color: var(--scalar-api-reference-theme-put-color);
3341
1091
  }
3342
- .flow-input-wrapper--warn .flow-label[data-v-422dab12] {
3343
- color: var(--scalar-api-reference-theme-error-color);
1092
+ .request-path[data-v-fddb0abd] {
1093
+ margin-left: 6px;
1094
+ color: var(--scalar-api-reference-theme-color-2);
1095
+ white-space: nowrap;
1096
+ overflow: hidden;
1097
+ cursor: default;
1098
+ text-overflow: ellipsis;
1099
+ text-transform: none !important;
3344
1100
  }
3345
- .flow-input-wrapper--focus .flow-label[data-v-422dab12],
3346
- .flow-input:not(:placeholder-shown) + .flow-label[data-v-422dab12] {
3347
- transform: translate3d(0, -20px, 0) scale(0.8);
3348
- transform-origin: top left;
1101
+ .language-select[data-v-fddb0abd] {
1102
+ position: relative;
1103
+ padding-right: 9px;
1104
+ border-right: 1px solid var(--scalar-api-reference-border-color);
3349
1105
  }
3350
- .flow-input-wrapper--focus:has(button:active) .flow-label[data-v-422dab12] {
3351
- color: var(--scalar-api-reference-theme-color-3) !important;
1106
+ .language-select select[data-v-fddb0abd] {
1107
+ border: none;
1108
+ outline: none;
1109
+ cursor: pointer;
1110
+ background: var(--scalar-api-reference-theme-background-3);
1111
+ box-shadow: -2px 0 0 0 var(--scalar-api-reference-theme-background-3);
1112
+ z-index: 2;
1113
+ position: absolute;
1114
+ top: 0;
1115
+ left: 0;
1116
+ width: 100%;
1117
+ height: 100%;
1118
+ opacity: 0;
1119
+ appearance: none;
3352
1120
  }
3353
- .icon-slot[data-v-422dab12]:not(:empty) {
1121
+ .language-select span[data-v-fddb0abd] {
1122
+ font-size: 12px;
1123
+ color: var(--scalar-api-reference-theme-color-3);
1124
+ font-weight: var(--scalar-api-reference-theme-semibold);
3354
1125
  display: flex;
3355
1126
  align-items: center;
3356
- padding-right: 12px;
3357
- width: 28px;
3358
- cursor: pointer;
3359
- color: var(--scalar-api-reference-theme-color-ghost);
1127
+ justify-content: center;
3360
1128
  }
3361
- .icon-slot[data-v-422dab12]:hover {
3362
- color: var(--scalar-api-reference-theme-color-1);
1129
+ .language-select span[data-v-fddb0abd]:after {
1130
+ content: '';
1131
+ width: 7px;
1132
+ height: 7px;
1133
+ transform: rotate(45deg) translate3d(-2px, -2px, 0);
1134
+ display: block;
1135
+ margin-left: 6px;
1136
+ box-shadow: 1px 1px 0 currentColor;
3363
1137
  }
3364
-
3365
- .code-editor-header {
3366
- padding: 12px !important;
1138
+ .language-select span[data-v-fddb0abd]:hover {
1139
+ background: var(--scalar-api-reference-theme-background-2);
1140
+ }
1141
+ .copy-button[data-v-fddb0abd] {
1142
+ appearance: none;
1143
+ -webkit-appearance: none;
1144
+ outline: none;
1145
+ background: transparent;
3367
1146
  display: flex;
3368
- align-items: center;
3369
- justify-content: space-between;
3370
- }
3371
- .code-editor-header span {
3372
- font-size: 13px;
3373
- color: var(--scalar-api-reference-theme-color-3);
3374
- font-weight: 600;
3375
- margin-right: 12px;
3376
- position: relative;
3377
1147
  cursor: pointer;
1148
+ color: var(--scalar-api-reference-theme-color-3);
1149
+ margin-left: 6px;
1150
+ border: none;
1151
+ border-radius: 3px;
3378
1152
  }
3379
- .code-editor-header span.active-mode {
1153
+ .copy-button[data-v-fddb0abd]:hover {
3380
1154
  color: var(--scalar-api-reference-theme-color-1);
3381
1155
  }
3382
- .code-editor-header span.active-mode:after {
3383
- content: '';
3384
- position: absolute;
3385
- bottom: -18px;
3386
- left: 0;
3387
- width: 100%;
3388
- height: 1px;
3389
- background: var(--scalar-api-reference-theme-color-1);
1156
+ .copy-button svg[data-v-fddb0abd] {
1157
+ width: 13px;
1158
+ height: 13px;
3390
1159
  }
3391
- .code-editor-header button {
3392
- border-radius: 30px;
3393
- padding: 6px 9px;
3394
- background: transparent;
1160
+ .show-api-client-button[data-v-fddb0abd] {
1161
+ width: 100%;
1162
+ display: block;
3395
1163
  appearance: none;
3396
- border: var(--scalar-api-reference-border);
3397
- font-size: 12px;
3398
- color: var(--scalar-api-reference-theme-color-3);
3399
- margin-left: 9px;
3400
- font-weight: 500;
3401
- }
3402
- .code-editor-header button:hover {
1164
+ outline: none;
1165
+ border: none;
1166
+ border-radius: var(--scalar-api-reference-rounded-lg);
1167
+ height: 35px;
1168
+ display: flex;
1169
+ justify-content: center;
3403
1170
  cursor: pointer;
3404
- color: var(--scalar-api-reference-theme-color-1);
3405
- border-color: currentColor;
1171
+ align-items: center;
1172
+ font-weight: var(--scalar-api-reference-theme-bold);
1173
+ font-size: var(--scalar-api-reference-theme-micro);
1174
+ text-transform: uppercase;
1175
+ border: 1px solid currentColor;
1176
+ background: var(--scalar-api-reference-theme-button-1);
1177
+ color: var(--scalar-api-reference-theme-button-1-color);
3406
1178
  }
3407
- @media (max-width: 580px) {
3408
- .active-mode i,
3409
- .code-editor-header button i {
3410
- display: none;
1179
+ .show-api-client-button[data-v-fddb0abd]:hover {
1180
+ background: var(--scalar-api-reference-theme-button-1-hover);
3411
1181
  }
3412
- .code-editor-header button {
3413
- padding: 4px 8px;
3414
- margin-left: 6px;
1182
+ .show-api-client-button svg[data-v-fddb0abd] {
1183
+ height: 12px;
1184
+ width: auto;
1185
+ margin-right: 6px;
3415
1186
  }
3416
- .code-editor-header span.active-mode:after {
3417
- bottom: -16px;
1187
+ .request-method[data-v-fddb0abd] {
1188
+ font-family: var(--scalar-api-reference-font-mono);
3418
1189
  }
1190
+ .request-path[data-v-fddb0abd] {
1191
+ font-family: var(--scalar-api-reference-font-mono);
3419
1192
  }
3420
1193
 
3421
- .code-editor-input {
3422
- height: 100%;
3423
- overflow: hidden;
3424
- border-top: var(--scalar-api-reference-border);
3425
- background: var(--scalar-api-reference-theme-background-2);
3426
- }
3427
- .code-editor-input .cm-editor {
3428
- height: 100%;
3429
- }
3430
- .code-editor-input .cm-scroller {
3431
- padding-top: 6px;
3432
- }
3433
- .code-editor-input .cm-editor .cm-line {
3434
- padding-left: 0px !important;
3435
- }
3436
- .code-editor-input .cm-editor .cm-activeLine {
3437
- background-color: var(--scalar-api-reference-theme-background-3) !important;
3438
- }
3439
- .code-editor-input .cm-yLineSelection {
3440
- margin: 0;
1194
+ .code-copy[data-v-c3be83db] {
1195
+ display: flex;
1196
+ appearance: none;
1197
+ -webkit-appearance: none;
1198
+ outline: none;
1199
+ background: transparent;
1200
+ cursor: pointer;
1201
+ color: var(--scalar-api-reference-theme-color-3);
1202
+ border: none;
3441
1203
  }
3442
- .light-mode .cm-editor {
3443
- --cm-blue: #0082d0;
3444
- --cm-green: #00a67d;
3445
- --cm-yellow: #b29762;
1204
+ .code-copy[data-v-c3be83db]:hover {
1205
+ color: var(--scalar-api-reference-theme-color-1);
3446
1206
  }
3447
- .dark-mode .cm-editor {
3448
- --cm-blue: #79c0ff;
3449
- --cm-green: #7ee787;
3450
- --cm-yellow: #e9950c;
1207
+ .code-copy svg[data-v-c3be83db] {
1208
+ width: 13px;
1209
+ height: 13px;
3451
1210
  }
3452
- .cm-editor .cm-content *,
3453
- .cm-editor .cm-content {
1211
+ .description[data-v-c3be83db] {
1212
+ font-weight: var(--scalar-api-reference-theme-semibold);
3454
1213
  font-size: var(--scalar-api-reference-theme-mini);
3455
- line-height: 1.44;
3456
1214
  }
3457
- .cm-editor .cm-scroller {
3458
- background: var(--scalar-api-reference-theme-background-2);
3459
- }
3460
- .cm-editor .cm-activeLine, .cm-editor {
3461
- background-color: transparent !important;
3462
- }
3463
- .ͼr .cm-line ::selection,
3464
- .ͼr .cm-line::selection,
3465
- .ͼ8 .cm-line ::selection,
3466
- .ͼ8 .cm-line::selection,
3467
- .ͼ1b.cm-focused .cm-selectionBackground,
3468
- .ͼ1b .cm-selectionLayer .cm-selectionBackground,
3469
- .ͼ1b .cm-content ::selection {
3470
- background-color: inherit !important;
3471
- }
3472
- .cm-editor.cm-focused {
3473
- outline: none !important;
3474
- }
3475
- .cm-editor {
3476
- background-color: transparent !important;
3477
- }
3478
- .cm-editor .ͼ1e,
3479
- .cm-editor .ͼe,
3480
- .cm-editor .ͼz,
3481
- .cm-editor .ͼr,
3482
- .cm-editor .ͼ8,
3483
- .cm-editor .ͼt,
3484
- .cm-editor .ͼa {
3485
- color: var(--scalar-api-reference-theme-color-1);
3486
- }
3487
- .cm-editor .ͼ12,
3488
- .cm-editor .ͼj {
1215
+ .scalar-api-reference__empty-state[data-v-c3be83db] {
1216
+ border: 1px dashed var(--scalar-api-reference-border-color);
1217
+ width: 100%;
1218
+ text-align: center;
1219
+ font-size: var(--scalar-api-reference-theme-mini);
1220
+ padding: 20px;
3489
1221
  color: var(--scalar-api-reference-theme-color-2);
3490
1222
  }
3491
- .cm-foldGutter span[title='Unfold line'],
3492
- .cm-foldGutter span[title='Fold line'] {
3493
- font-size: 0px;
3494
- }
3495
- .cm-foldGutter span:after {
3496
- width: 9px;
3497
- height: 9px;
3498
- display: block;
3499
- box-shadow: 1px 1px 0 currentColor;
3500
- transition: all 0.15s ease-in-out;
1223
+
1224
+ .endpoints[data-v-b58016f4] {
1225
+ overflow: auto;
1226
+ background: var(--scalar-api-reference-theme-background-2);
3501
1227
  }
3502
- .cm-foldGutter span[title='Fold line']:after {
3503
- content: '';
3504
- transform: rotate(45deg) translate3d(-2px, -3px, 0);
3505
- opacity: 0;
1228
+ .endpoints span + span[data-v-b58016f4] {
1229
+ text-align: left;
1230
+ margin-left: 12px;
1231
+ text-transform: initial;
3506
1232
  }
3507
- .cm-foldGutter span[title='Fold line']:hover:after {
3508
- opacity: 1;
1233
+
1234
+ .scalar-logo-animation[data-v-16147dd7] {
1235
+ width: 38px;
1236
+ height: 38px;
1237
+ position: relative;
1238
+ display: flex;
1239
+ align-items: center;
3509
1240
  }
3510
- .cm-foldGutter span[title='Unfold line']:after {
1241
+ .scalar-logo-animation .line[data-v-16147dd7]:before {
3511
1242
  content: '';
3512
- transform: rotate(-45deg) translate3d(-2px, -3px, 0);
3513
- opacity: 1;
3514
- }
3515
- .cm-foldGutter:hover span[title='Fold line']:after {
3516
- opacity: 1 !important;
3517
- }
3518
- .cm-editor .cm-lineNumbers .cm-gutterElement {
3519
- padding: 0 6px 0 12px !important;
3520
- }
3521
- .cm-editor .ͼ1g {
3522
- color: var(--scalar-api-reference-theme-color-2);
3523
- }
3524
- .cm-editor .ͼ1d,
3525
- .cm-editor .ͼc,
3526
- .cm-editor .ͼq,
3527
- .cm-editor .ͼ7 {
3528
- color: var(--cm-blue);
3529
- }
3530
- .cm-editor .ͼu,
3531
- .cm-editor .ͼb {
3532
- color: var(--cm-green);
3533
- }
3534
- .cm-editor .ͼ9,
3535
- .cm-editor .ͼ1h {
3536
- color: var(--cm-yellow);
3537
- }
3538
- .cm-editor .ͼi,
3539
- .cm-editor .ͼv,
3540
- .cm-editor .ͼx,
3541
- .cm-editor .ͼ11,
3542
- .cm-editor .ͼ14,
3543
- .cm-editor .ͼp,
3544
- .cm-editor .ͼ6 {
3545
- color: var(--scalar-api-reference-theme-color-3);
1243
+ width: 100%;
1244
+ height: 100%;
1245
+ background: #4c4316;
1246
+ display: block;
1247
+ position: absolute;
3546
1248
  }
3547
- .cm-editor .cm-content {
3548
- padding: 6px 0;
1249
+ .scalar-logo-animation .line[data-v-16147dd7] {
1250
+ position: absolute;
1251
+ width: 100%;
1252
+ height: 1px;
1253
+ overflow: hidden;
3549
1254
  }
3550
- .cm-editor .cm-line {
3551
- color: var(--scalar-api-reference-theme-color-1) !important;
3552
- caret-color: var(--scalar-api-reference-theme-color-1) !important;
1255
+ .scalar-logo-animation .line-2[data-v-16147dd7] {
1256
+ transform: rotate(90deg);
3553
1257
  }
3554
- .cm-cursor {
3555
- border-color: transparent !important;
1258
+ .scalar-logo-animation .line-3[data-v-16147dd7] {
1259
+ transform: rotate(45deg);
3556
1260
  }
3557
- .cm-matchingBracket {
3558
- background: var(--scalar-api-reference-theme-background-3) !important;
1261
+ .scalar-logo-animation .line-4[data-v-16147dd7] {
1262
+ transform: rotate(-45deg);
3559
1263
  }
3560
- .cm-editor .cm-gutters {
3561
- font-size: var(--scalar-api-reference-theme-mini);
3562
- color: var(--scalar-api-reference-theme-color-3);
3563
- line-height: 1.44;
3564
- background: var(--scalar-api-reference-theme-background-2);
3565
- border-right: none;
1264
+ .scalar-logo-animation-load[data-v-16147dd7] {
1265
+ animation: rotate-16147dd7 2s linear infinite;
3566
1266
  }
3567
- .simplecode .cm-editor {
3568
- outline: none !important;
1267
+ @keyframes rotate-16147dd7 {
1268
+ from {
1269
+ transform: rotate(0deg);
3569
1270
  }
3570
- .simplecode .cm-editor .cm-scroller {
3571
- background: var(--scalar-api-reference-theme-background-2);
3572
- border-radius: var(--scalar-api-reference-theme-radius);
1271
+ to {
1272
+ transform: rotate(360deg);
3573
1273
  }
3574
- .simplecode .cm-editor .cm-gutters {
3575
- display: none;
3576
1274
  }
3577
- .cm-editor .cm-gutterElement {
3578
- padding: 0 6px 0 12px !important;
1275
+
1276
+ .render-loading[data-v-ea5f7d36] {
1277
+ height: calc(
1278
+ var(--scalar-api-reference-full-height) -
1279
+ var(--scalar-api-reference-theme-header-height)
1280
+ );
3579
1281
  display: flex;
3580
1282
  align-items: center;
3581
- justify-content: flex-end;
3582
- background: var(--scalar-api-reference-theme-background-2);
1283
+ justify-content: center;
3583
1284
  }
3584
- .cm-gutter + .cm-gutter .cm-gutterElement {
3585
- padding-left: 0 !important;
1285
+ .show-more[data-v-ea5f7d36] {
1286
+ background: var(--scalar-api-reference-theme-background-1);
1287
+ appearance: none;
1288
+ border: none;
1289
+ border: 1px solid var(--scalar-api-reference-border-color);
1290
+ margin: auto;
1291
+ padding: 8px 12px;
1292
+ border-radius: 30px;
1293
+ color: var(--scalar-api-reference-theme-color-1);
1294
+ font-weight: var(--scalar-api-reference-theme-semibold);
1295
+ font-size: var(--scalar-api-reference-theme-font-size-4);
1296
+ display: flex;
1297
+ align-items: center;
1298
+ justify-content: center;
1299
+ margin-top: -48px;
1300
+ margin-bottom: 48px;
1301
+ position: relative;
3586
1302
  }
3587
- .ͼ1 .cm-foldPlaceholder {
3588
- background-color: var(--scalar-api-reference-theme-background-3);
3589
- border: var(--scalar-api-reference-border);
3590
- color: var(--scalar-api-reference-theme-color-3);
1303
+ .show-more[data-v-ea5f7d36]:hover {
1304
+ color: var(--scalar-api-reference-theme-color-2);
1305
+ cursor: pointer;
3591
1306
  }
3592
-
3593
- .code-editor-notification {
3594
- color: var(--scalar-api-reference-theme-color-3);
3595
- padding: 6px 8px;
3596
- font-size: var(--scalar-api-reference-theme-font-size-5);
3597
- border-top: var(--scalar-api-reference-border);
1307
+ .show-more-icon[data-v-ea5f7d36] {
1308
+ width: 14px;
1309
+ height: 14px;
1310
+ margin-left: 3px;
3598
1311
  }
3599
- .code-editor-notification--error {
3600
- background: var(--scalar-api-reference-theme-error-color);
3601
- color: white;
1312
+ .show-more[data-v-ea5f7d36]:active {
1313
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
3602
1314
  }
3603
-
3604
- .code-editor-status-bar {
3605
- color: var(--scalar-api-reference-theme-color-3);
3606
- padding: 6px 8px;
3607
- font-size: var(--scalar-api-reference-theme-font-size-5);
3608
- border-top: var(--scalar-api-reference-border);
1315
+ @media (max-width: 1165px) {
1316
+ .show-more[data-v-ea5f7d36] {
1317
+ margin-top: -24px;
1318
+ margin-bottom: 24px;
3609
1319
  }
3610
-
3611
- .code-editor[data-v-1d835dbc] {
3612
- flex: 1 1 0%;
3613
- min-width: 0;
3614
- min-height: 0;
3615
- height: 100vh;
3616
-
3617
- display: flex;
3618
- flex-direction: column;
3619
- overflow: auto;
3620
- border-right: var(--scalar-api-reference-border);
3621
1320
  }
3622
1321
  :root {
3623
1322
  /** Fonts */
3624
- --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
3625
- Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3626
- --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
3627
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
3628
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1323
+ --scalar-api-reference-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica,
1324
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1325
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1326
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1327
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
3629
1328
 
3630
1329
  --scalar-api-reference-sidebar-border-color: #000;
3631
1330
  --scalar-api-reference-theme-background-1: #fff;
@@ -3641,7 +1340,7 @@ to {
3641
1340
  --scalar-api-reference-theme-color-3: #666;
3642
1341
  --scalar-api-reference-theme-color-ghost: #eee;
3643
1342
  --scalar-api-reference-theme-error-color: red;
3644
- --scalar-api-reference-theme-font-size-4: 16px;
1343
+ --scalar-api-reference-theme-font-size-4: 14px;
3645
1344
  --scalar-api-reference-theme-header-height: 0;
3646
1345
  --scalar-api-reference-rounded: 4px;
3647
1346
  --scalar-api-reference-theme-semibold: 600;
@@ -3703,7 +1402,7 @@ to {
3703
1402
  padding: 0;
3704
1403
  margin: -1px;
3705
1404
  overflow: hidden;
3706
- clip: rect(0,0,0,0);
1405
+ clip: rect(0, 0, 0, 0);
3707
1406
  border: 0;
3708
1407
  }
3709
1408
 
@@ -3712,7 +1411,8 @@ to {
3712
1411
  background: var(--scalar-api-reference-theme-background-2);
3713
1412
  border-bottom: 1px solid var(--scalar-api-reference-border-color);
3714
1413
  padding: 0 7px 0 12px;
3715
- border-radius: var(--scalar-api-reference-theme-radius) var(--scalar-api-reference-theme-radius) 0 0;
1414
+ border-radius: var(--scalar-api-reference-theme-radius)
1415
+ var(--scalar-api-reference-theme-radius) 0 0;
3716
1416
  }
3717
1417
  .codemenu {
3718
1418
  display: flex;
@@ -4150,3 +1850,67 @@ to {
4150
1850
  flex-direction: column;
4151
1851
  }
4152
1852
  }
1853
+ :root {
1854
+ /** Fonts */
1855
+ --scalar-api-reference-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica,
1856
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1857
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1858
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1859
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
1860
+
1861
+ --scalar-api-reference-sidebar-border-color: #000;
1862
+ --scalar-api-reference-theme-background-1: #fff;
1863
+ --scalar-api-reference-theme-background-2: #fafafa;
1864
+ --scalar-api-reference-border-color: #d4d4d4;
1865
+ --scalar-api-reference-border: 1px solid
1866
+ var(--scalar-api-reference-border-color);
1867
+ --scalar-api-reference-theme-button-1-color: #fff;
1868
+ --scalar-api-reference-theme-button-1-hover: #ccc;
1869
+ --scalar-api-reference-theme-button-1: red;
1870
+ --scalar-api-reference-theme-color-1: #000;
1871
+ --scalar-api-reference-theme-color-2: #a3a3a3;
1872
+ --scalar-api-reference-theme-color-3: #666;
1873
+ --scalar-api-reference-theme-color-ghost: #eee;
1874
+ --scalar-api-reference-theme-error-color: red;
1875
+ --scalar-api-reference-theme-font-size-4: 14px;
1876
+ --scalar-api-reference-theme-header-height: 0;
1877
+ --scalar-api-reference-rounded: 4px;
1878
+ --scalar-api-reference-theme-semibold: 600;
1879
+ --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
1880
+ --scalar-api-reference-theme-sidebar-width: 300px;
1881
+ --scalar-api-reference-theme-small: 12px;
1882
+ --scalar-api-reference-app-header-height: 100px;
1883
+ --scalar-api-reference-col-width-1: 300px;
1884
+ --scalar-api-reference-col-width-2: calc(50% - 150px);
1885
+ --scalar-api-reference-col-width-3: calc(50% - 150px);
1886
+ --scalar-api-reference-document-height: 100vh;
1887
+ --scalar-api-reference-font-color: #000;
1888
+ --scalar-api-reference-full-height: 100%;
1889
+ --scalar-api-reference-sidebar-background-1: white;
1890
+ --scalar-api-reference-sidebar-color-1: #000;
1891
+ --scalar-api-reference-sidebar-color-2: #ccc;
1892
+ --scalar-api-reference-sidebar-color-active: blue;
1893
+ --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
1894
+ --scalar-api-reference-theme-background-3: #ccc;
1895
+ --scalar-api-reference-theme-bold: 700;
1896
+ --scalar-api-reference-border-width: 1px;
1897
+ --scalar-api-reference-theme-color-accent: blue;
1898
+ --scalar-api-reference-theme-delete-color: red;
1899
+ --scalar-api-reference-theme-get-color: green;
1900
+ --scalar-api-reference-theme-heading-2: 24px;
1901
+ --scalar-api-reference-theme-heading-4: 16px;
1902
+ --scalar-api-reference-theme-micro: 10px;
1903
+ --scalar-api-reference-theme-mini: 12px;
1904
+ --scalar-api-reference-theme-paragraph: 16px;
1905
+ --scalar-api-reference-theme-patch-color: orange;
1906
+ --scalar-api-reference-theme-post-color: blue;
1907
+ --scalar-api-reference-theme-put-color: purple;
1908
+ --scalar-api-reference-rounded-lg: 8px;
1909
+ --scalar-api-reference-theme-regular: 14px;
1910
+ --scalar-api-reference-theme-toc-width: 300px;
1911
+ --scalar-api-reference-theme-post-color: blue;
1912
+ --scalar-api-reference-theme-patch-color: orange;
1913
+ --scalar-api-reference-theme-delete-color: red;
1914
+ --scalar-api-reference-theme-get-color: green;
1915
+ --scalar-api-reference-theme-put-color: purple;
1916
+ }