@flexkit/explorer 0.0.19 → 0.0.20
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/index.css +334 -814
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +12 -13
package/dist/index.css
CHANGED
|
@@ -1,768 +1,322 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/* 2 */
|
|
17
|
-
border-style: solid;
|
|
18
|
-
/* 2 */
|
|
19
|
-
border-color: #e5e7eb;
|
|
20
|
-
/* 2 */
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
::before,
|
|
24
|
-
::after {
|
|
25
|
-
--tw-content: '';
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/*
|
|
29
|
-
1. Use a consistent sensible line-height in all browsers.
|
|
30
|
-
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
31
|
-
3. Use a more readable tab size.
|
|
32
|
-
4. Use the user's configured `sans` font-family by default.
|
|
33
|
-
5. Use the user's configured `sans` font-feature-settings by default.
|
|
34
|
-
6. Use the user's configured `sans` font-variation-settings by default.
|
|
35
|
-
7. Disable tap highlights on iOS
|
|
36
|
-
*/
|
|
37
|
-
|
|
38
|
-
html,
|
|
39
|
-
:host {
|
|
40
|
-
line-height: 1.5;
|
|
41
|
-
/* 1 */
|
|
42
|
-
-webkit-text-size-adjust: 100%;
|
|
43
|
-
/* 2 */
|
|
44
|
-
-moz-tab-size: 4;
|
|
45
|
-
/* 3 */
|
|
46
|
-
-o-tab-size: 4;
|
|
47
|
-
tab-size: 4;
|
|
48
|
-
/* 3 */
|
|
49
|
-
font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
50
|
-
/* 4 */
|
|
51
|
-
font-feature-settings: normal;
|
|
52
|
-
/* 5 */
|
|
53
|
-
font-variation-settings: normal;
|
|
54
|
-
/* 6 */
|
|
55
|
-
-webkit-tap-highlight-color: transparent;
|
|
56
|
-
/* 7 */
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/*
|
|
60
|
-
1. Remove the margin in all browsers.
|
|
61
|
-
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
62
|
-
*/
|
|
63
|
-
|
|
64
|
-
body {
|
|
65
|
-
margin: 0;
|
|
66
|
-
/* 1 */
|
|
67
|
-
line-height: inherit;
|
|
68
|
-
/* 2 */
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/*
|
|
72
|
-
1. Add the correct height in Firefox.
|
|
73
|
-
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
74
|
-
3. Ensure horizontal rules are visible by default.
|
|
75
|
-
*/
|
|
76
|
-
|
|
77
|
-
hr {
|
|
78
|
-
height: 0;
|
|
79
|
-
/* 1 */
|
|
80
|
-
color: inherit;
|
|
81
|
-
/* 2 */
|
|
82
|
-
border-top-width: 1px;
|
|
83
|
-
/* 3 */
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/*
|
|
87
|
-
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
88
|
-
*/
|
|
89
|
-
|
|
90
|
-
abbr:where([title]) {
|
|
91
|
-
-webkit-text-decoration: underline dotted;
|
|
92
|
-
text-decoration: underline dotted;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/*
|
|
96
|
-
Remove the default font size and weight for headings.
|
|
97
|
-
*/
|
|
98
|
-
|
|
99
|
-
h1,
|
|
100
|
-
h2,
|
|
101
|
-
h3,
|
|
102
|
-
h4,
|
|
103
|
-
h5,
|
|
104
|
-
h6 {
|
|
105
|
-
font-size: inherit;
|
|
106
|
-
font-weight: inherit;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/*
|
|
110
|
-
Reset links to optimize for opt-in styling instead of opt-out.
|
|
111
|
-
*/
|
|
112
|
-
|
|
113
|
-
a {
|
|
114
|
-
color: inherit;
|
|
115
|
-
text-decoration: inherit;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
/*
|
|
119
|
-
Add the correct font weight in Edge and Safari.
|
|
120
|
-
*/
|
|
121
|
-
|
|
122
|
-
b,
|
|
123
|
-
strong {
|
|
124
|
-
font-weight: bolder;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/*
|
|
128
|
-
1. Use the user's configured `mono` font-family by default.
|
|
129
|
-
2. Use the user's configured `mono` font-feature-settings by default.
|
|
130
|
-
3. Use the user's configured `mono` font-variation-settings by default.
|
|
131
|
-
4. Correct the odd `em` font sizing in all browsers.
|
|
132
|
-
*/
|
|
133
|
-
|
|
134
|
-
code,
|
|
135
|
-
kbd,
|
|
136
|
-
samp,
|
|
137
|
-
pre {
|
|
138
|
-
font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
139
|
-
/* 1 */
|
|
140
|
-
font-feature-settings: normal;
|
|
141
|
-
/* 2 */
|
|
142
|
-
font-variation-settings: normal;
|
|
143
|
-
/* 3 */
|
|
144
|
-
font-size: 1em;
|
|
145
|
-
/* 4 */
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
/*
|
|
149
|
-
Add the correct font size in all browsers.
|
|
150
|
-
*/
|
|
151
|
-
|
|
152
|
-
small {
|
|
153
|
-
font-size: 80%;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
/*
|
|
157
|
-
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
158
|
-
*/
|
|
159
|
-
|
|
160
|
-
sub,
|
|
161
|
-
sup {
|
|
162
|
-
font-size: 75%;
|
|
163
|
-
line-height: 0;
|
|
164
|
-
position: relative;
|
|
165
|
-
vertical-align: baseline;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
sub {
|
|
169
|
-
bottom: -0.25em;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
sup {
|
|
173
|
-
top: -0.5em;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
/*
|
|
177
|
-
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
178
|
-
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
179
|
-
3. Remove gaps between table borders by default.
|
|
180
|
-
*/
|
|
181
|
-
|
|
182
|
-
table {
|
|
183
|
-
text-indent: 0;
|
|
184
|
-
/* 1 */
|
|
185
|
-
border-color: inherit;
|
|
186
|
-
/* 2 */
|
|
187
|
-
border-collapse: collapse;
|
|
188
|
-
/* 3 */
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
/*
|
|
192
|
-
1. Change the font styles in all browsers.
|
|
193
|
-
2. Remove the margin in Firefox and Safari.
|
|
194
|
-
3. Remove default padding in all browsers.
|
|
195
|
-
*/
|
|
196
|
-
|
|
197
|
-
button,
|
|
198
|
-
input,
|
|
199
|
-
optgroup,
|
|
200
|
-
select,
|
|
201
|
-
textarea {
|
|
202
|
-
font-family: inherit;
|
|
203
|
-
/* 1 */
|
|
204
|
-
font-feature-settings: inherit;
|
|
205
|
-
/* 1 */
|
|
206
|
-
font-variation-settings: inherit;
|
|
207
|
-
/* 1 */
|
|
208
|
-
font-size: 100%;
|
|
209
|
-
/* 1 */
|
|
210
|
-
font-weight: inherit;
|
|
211
|
-
/* 1 */
|
|
212
|
-
line-height: inherit;
|
|
213
|
-
/* 1 */
|
|
214
|
-
letter-spacing: inherit;
|
|
215
|
-
/* 1 */
|
|
216
|
-
color: inherit;
|
|
217
|
-
/* 1 */
|
|
218
|
-
margin: 0;
|
|
219
|
-
/* 2 */
|
|
220
|
-
padding: 0;
|
|
221
|
-
/* 3 */
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
/*
|
|
225
|
-
Remove the inheritance of text transform in Edge and Firefox.
|
|
226
|
-
*/
|
|
227
|
-
|
|
228
|
-
button,
|
|
229
|
-
select {
|
|
230
|
-
text-transform: none;
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
/*
|
|
234
|
-
1. Correct the inability to style clickable types in iOS and Safari.
|
|
235
|
-
2. Remove default button styles.
|
|
236
|
-
*/
|
|
237
|
-
|
|
238
|
-
button,
|
|
239
|
-
input:where([type='button']),
|
|
240
|
-
input:where([type='reset']),
|
|
241
|
-
input:where([type='submit']) {
|
|
242
|
-
-webkit-appearance: button;
|
|
243
|
-
/* 1 */
|
|
244
|
-
background-color: transparent;
|
|
245
|
-
/* 2 */
|
|
246
|
-
background-image: none;
|
|
247
|
-
/* 2 */
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
/*
|
|
251
|
-
Use the modern Firefox focus style for all focusable elements.
|
|
252
|
-
*/
|
|
253
|
-
|
|
254
|
-
:-moz-focusring {
|
|
255
|
-
outline: auto;
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
/*
|
|
259
|
-
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
260
|
-
*/
|
|
261
|
-
|
|
262
|
-
:-moz-ui-invalid {
|
|
263
|
-
box-shadow: none;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
/*
|
|
267
|
-
Add the correct vertical alignment in Chrome and Firefox.
|
|
268
|
-
*/
|
|
269
|
-
|
|
270
|
-
progress {
|
|
271
|
-
vertical-align: baseline;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
/*
|
|
275
|
-
Correct the cursor style of increment and decrement buttons in Safari.
|
|
276
|
-
*/
|
|
277
|
-
|
|
278
|
-
::-webkit-inner-spin-button,
|
|
279
|
-
::-webkit-outer-spin-button {
|
|
280
|
-
height: auto;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
/*
|
|
284
|
-
1. Correct the odd appearance in Chrome and Safari.
|
|
285
|
-
2. Correct the outline style in Safari.
|
|
286
|
-
*/
|
|
287
|
-
|
|
288
|
-
[type='search'] {
|
|
289
|
-
-webkit-appearance: textfield;
|
|
290
|
-
/* 1 */
|
|
291
|
-
outline-offset: -2px;
|
|
292
|
-
/* 2 */
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
/*
|
|
296
|
-
Remove the inner padding in Chrome and Safari on macOS.
|
|
297
|
-
*/
|
|
298
|
-
|
|
299
|
-
::-webkit-search-decoration {
|
|
300
|
-
-webkit-appearance: none;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
/*
|
|
304
|
-
1. Correct the inability to style clickable types in iOS and Safari.
|
|
305
|
-
2. Change font properties to `inherit` in Safari.
|
|
306
|
-
*/
|
|
307
|
-
|
|
308
|
-
::-webkit-file-upload-button {
|
|
309
|
-
-webkit-appearance: button;
|
|
310
|
-
/* 1 */
|
|
311
|
-
font: inherit;
|
|
312
|
-
/* 2 */
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
/*
|
|
316
|
-
Add the correct display in Chrome and Safari.
|
|
317
|
-
*/
|
|
318
|
-
|
|
319
|
-
summary {
|
|
320
|
-
display: list-item;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
/*
|
|
324
|
-
Removes the default spacing and border for appropriate elements.
|
|
325
|
-
*/
|
|
326
|
-
|
|
327
|
-
blockquote,
|
|
328
|
-
dl,
|
|
329
|
-
dd,
|
|
330
|
-
h1,
|
|
331
|
-
h2,
|
|
332
|
-
h3,
|
|
333
|
-
h4,
|
|
334
|
-
h5,
|
|
335
|
-
h6,
|
|
336
|
-
hr,
|
|
337
|
-
figure,
|
|
338
|
-
p,
|
|
339
|
-
pre {
|
|
340
|
-
margin: 0;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
fieldset {
|
|
344
|
-
margin: 0;
|
|
345
|
-
padding: 0;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
legend {
|
|
349
|
-
padding: 0;
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
ol,
|
|
353
|
-
ul,
|
|
354
|
-
menu {
|
|
355
|
-
list-style: none;
|
|
356
|
-
margin: 0;
|
|
357
|
-
padding: 0;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
/*
|
|
361
|
-
Reset default styling for dialogs.
|
|
362
|
-
*/
|
|
363
|
-
|
|
364
|
-
dialog {
|
|
365
|
-
padding: 0;
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
/*
|
|
369
|
-
Prevent resizing textareas horizontally by default.
|
|
370
|
-
*/
|
|
371
|
-
|
|
372
|
-
textarea {
|
|
373
|
-
resize: vertical;
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
/*
|
|
377
|
-
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
378
|
-
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
379
|
-
*/
|
|
380
|
-
|
|
381
|
-
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
382
|
-
opacity: 1;
|
|
383
|
-
/* 1 */
|
|
384
|
-
color: #9ca3af;
|
|
385
|
-
/* 2 */
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
input::placeholder,
|
|
389
|
-
textarea::placeholder {
|
|
390
|
-
opacity: 1;
|
|
391
|
-
/* 1 */
|
|
392
|
-
color: #9ca3af;
|
|
393
|
-
/* 2 */
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
/*
|
|
397
|
-
Set the default cursor for buttons.
|
|
398
|
-
*/
|
|
399
|
-
|
|
400
|
-
button,
|
|
401
|
-
[role="button"] {
|
|
402
|
-
cursor: pointer;
|
|
403
|
-
}
|
|
404
|
-
|
|
405
|
-
/*
|
|
406
|
-
Make sure disabled buttons don't get the pointer cursor.
|
|
407
|
-
*/
|
|
408
|
-
|
|
409
|
-
:disabled {
|
|
410
|
-
cursor: default;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
/*
|
|
414
|
-
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
415
|
-
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
416
|
-
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
417
|
-
*/
|
|
418
|
-
|
|
419
|
-
img,
|
|
420
|
-
svg,
|
|
421
|
-
video,
|
|
422
|
-
canvas,
|
|
423
|
-
audio,
|
|
424
|
-
iframe,
|
|
425
|
-
embed,
|
|
426
|
-
object {
|
|
427
|
-
display: block;
|
|
428
|
-
/* 1 */
|
|
429
|
-
vertical-align: middle;
|
|
430
|
-
/* 2 */
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
/*
|
|
434
|
-
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
435
|
-
*/
|
|
436
|
-
|
|
437
|
-
img,
|
|
438
|
-
video {
|
|
439
|
-
max-width: 100%;
|
|
440
|
-
height: auto;
|
|
441
|
-
}
|
|
442
|
-
|
|
443
|
-
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
444
|
-
|
|
445
|
-
[hidden] {
|
|
446
|
-
display: none;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
*, ::before, ::after {
|
|
450
|
-
--tw-border-spacing-x: 0;
|
|
451
|
-
--tw-border-spacing-y: 0;
|
|
452
|
-
--tw-translate-x: 0;
|
|
453
|
-
--tw-translate-y: 0;
|
|
454
|
-
--tw-rotate: 0;
|
|
455
|
-
--tw-skew-x: 0;
|
|
456
|
-
--tw-skew-y: 0;
|
|
457
|
-
--tw-scale-x: 1;
|
|
458
|
-
--tw-scale-y: 1;
|
|
459
|
-
--tw-pan-x: ;
|
|
460
|
-
--tw-pan-y: ;
|
|
461
|
-
--tw-pinch-zoom: ;
|
|
462
|
-
--tw-scroll-snap-strictness: proximity;
|
|
463
|
-
--tw-gradient-from-position: ;
|
|
464
|
-
--tw-gradient-via-position: ;
|
|
465
|
-
--tw-gradient-to-position: ;
|
|
466
|
-
--tw-ordinal: ;
|
|
467
|
-
--tw-slashed-zero: ;
|
|
468
|
-
--tw-numeric-figure: ;
|
|
469
|
-
--tw-numeric-spacing: ;
|
|
470
|
-
--tw-numeric-fraction: ;
|
|
471
|
-
--tw-ring-inset: ;
|
|
472
|
-
--tw-ring-offset-width: 0px;
|
|
473
|
-
--tw-ring-offset-color: #fff;
|
|
474
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
475
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
476
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
477
|
-
--tw-shadow: 0 0 #0000;
|
|
478
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
479
|
-
--tw-blur: ;
|
|
480
|
-
--tw-brightness: ;
|
|
481
|
-
--tw-contrast: ;
|
|
482
|
-
--tw-grayscale: ;
|
|
483
|
-
--tw-hue-rotate: ;
|
|
484
|
-
--tw-invert: ;
|
|
485
|
-
--tw-saturate: ;
|
|
486
|
-
--tw-sepia: ;
|
|
487
|
-
--tw-drop-shadow: ;
|
|
488
|
-
--tw-backdrop-blur: ;
|
|
489
|
-
--tw-backdrop-brightness: ;
|
|
490
|
-
--tw-backdrop-contrast: ;
|
|
491
|
-
--tw-backdrop-grayscale: ;
|
|
492
|
-
--tw-backdrop-hue-rotate: ;
|
|
493
|
-
--tw-backdrop-invert: ;
|
|
494
|
-
--tw-backdrop-opacity: ;
|
|
495
|
-
--tw-backdrop-saturate: ;
|
|
496
|
-
--tw-backdrop-sepia: ;
|
|
497
|
-
--tw-contain-size: ;
|
|
498
|
-
--tw-contain-layout: ;
|
|
499
|
-
--tw-contain-paint: ;
|
|
500
|
-
--tw-contain-style: ;
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
::backdrop {
|
|
504
|
-
--tw-border-spacing-x: 0;
|
|
505
|
-
--tw-border-spacing-y: 0;
|
|
506
|
-
--tw-translate-x: 0;
|
|
507
|
-
--tw-translate-y: 0;
|
|
508
|
-
--tw-rotate: 0;
|
|
509
|
-
--tw-skew-x: 0;
|
|
510
|
-
--tw-skew-y: 0;
|
|
511
|
-
--tw-scale-x: 1;
|
|
512
|
-
--tw-scale-y: 1;
|
|
513
|
-
--tw-pan-x: ;
|
|
514
|
-
--tw-pan-y: ;
|
|
515
|
-
--tw-pinch-zoom: ;
|
|
516
|
-
--tw-scroll-snap-strictness: proximity;
|
|
517
|
-
--tw-gradient-from-position: ;
|
|
518
|
-
--tw-gradient-via-position: ;
|
|
519
|
-
--tw-gradient-to-position: ;
|
|
520
|
-
--tw-ordinal: ;
|
|
521
|
-
--tw-slashed-zero: ;
|
|
522
|
-
--tw-numeric-figure: ;
|
|
523
|
-
--tw-numeric-spacing: ;
|
|
524
|
-
--tw-numeric-fraction: ;
|
|
525
|
-
--tw-ring-inset: ;
|
|
526
|
-
--tw-ring-offset-width: 0px;
|
|
527
|
-
--tw-ring-offset-color: #fff;
|
|
528
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
529
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
530
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
531
|
-
--tw-shadow: 0 0 #0000;
|
|
532
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
533
|
-
--tw-blur: ;
|
|
534
|
-
--tw-brightness: ;
|
|
535
|
-
--tw-contrast: ;
|
|
536
|
-
--tw-grayscale: ;
|
|
537
|
-
--tw-hue-rotate: ;
|
|
538
|
-
--tw-invert: ;
|
|
539
|
-
--tw-saturate: ;
|
|
540
|
-
--tw-sepia: ;
|
|
541
|
-
--tw-drop-shadow: ;
|
|
542
|
-
--tw-backdrop-blur: ;
|
|
543
|
-
--tw-backdrop-brightness: ;
|
|
544
|
-
--tw-backdrop-contrast: ;
|
|
545
|
-
--tw-backdrop-grayscale: ;
|
|
546
|
-
--tw-backdrop-hue-rotate: ;
|
|
547
|
-
--tw-backdrop-invert: ;
|
|
548
|
-
--tw-backdrop-opacity: ;
|
|
549
|
-
--tw-backdrop-saturate: ;
|
|
550
|
-
--tw-backdrop-sepia: ;
|
|
551
|
-
--tw-contain-size: ;
|
|
552
|
-
--tw-contain-layout: ;
|
|
553
|
-
--tw-contain-paint: ;
|
|
554
|
-
--tw-contain-style: ;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
.ex-sr-only {
|
|
558
|
-
position: absolute;
|
|
559
|
-
width: 1px;
|
|
560
|
-
height: 1px;
|
|
561
|
-
padding: 0;
|
|
562
|
-
margin: -1px;
|
|
563
|
-
overflow: hidden;
|
|
564
|
-
clip: rect(0, 0, 0, 0);
|
|
565
|
-
white-space: nowrap;
|
|
566
|
-
border-width: 0;
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
.ex-relative {
|
|
570
|
-
position: relative;
|
|
571
|
-
}
|
|
572
|
-
|
|
573
|
-
.ex-mb-3 {
|
|
574
|
-
margin-bottom: 0.75rem;
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
.ex-ml-1\.5 {
|
|
578
|
-
margin-left: 0.375rem;
|
|
579
|
-
}
|
|
580
|
-
|
|
581
|
-
.ex-ml-auto {
|
|
582
|
-
margin-left: auto;
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
.ex-mt-0 {
|
|
586
|
-
margin-top: 0px;
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
.ex-block {
|
|
590
|
-
display: block;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
.ex-flex {
|
|
594
|
-
display: flex;
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
.ex-hidden {
|
|
598
|
-
display: none;
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
.ex-h-4 {
|
|
602
|
-
height: 1rem;
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
.ex-h-6 {
|
|
606
|
-
height: 1.5rem;
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
.ex-h-full {
|
|
610
|
-
height: 100%;
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
.ex-max-h-full {
|
|
614
|
-
max-height: 100%;
|
|
615
|
-
}
|
|
616
|
-
|
|
617
|
-
.ex-w-4 {
|
|
618
|
-
width: 1rem;
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
.ex-w-6 {
|
|
622
|
-
width: 1.5rem;
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
.ex-w-full {
|
|
626
|
-
width: 100%;
|
|
627
|
-
}
|
|
628
|
-
|
|
629
|
-
.ex-flex-col {
|
|
630
|
-
flex-direction: column;
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
.ex-items-center {
|
|
634
|
-
align-items: center;
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
.ex-gap-6 {
|
|
638
|
-
gap: 1.5rem;
|
|
639
|
-
}
|
|
640
|
-
|
|
641
|
-
.ex-gap-x-4 {
|
|
642
|
-
-moz-column-gap: 1rem;
|
|
643
|
-
column-gap: 1rem;
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
.ex-overflow-auto {
|
|
647
|
-
overflow: auto;
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
.ex-rounded-md {
|
|
651
|
-
border-radius: calc(var(--radius) - 2px);
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
.ex-bg-muted {
|
|
655
|
-
background-color: hsl(var(--muted));
|
|
656
|
-
}
|
|
657
|
-
|
|
658
|
-
.\!ex-p-1 {
|
|
659
|
-
padding: 0.25rem !important;
|
|
660
|
-
}
|
|
661
|
-
|
|
662
|
-
.ex-px-3 {
|
|
663
|
-
padding-left: 0.75rem;
|
|
664
|
-
padding-right: 0.75rem;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
.ex-px-4 {
|
|
668
|
-
padding-left: 1rem;
|
|
669
|
-
padding-right: 1rem;
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
.ex-px-5 {
|
|
673
|
-
padding-left: 1.25rem;
|
|
674
|
-
padding-right: 1.25rem;
|
|
675
|
-
}
|
|
676
|
-
|
|
677
|
-
.ex-px-6 {
|
|
678
|
-
padding-left: 1.5rem;
|
|
679
|
-
padding-right: 1.5rem;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.ex-py-1 {
|
|
683
|
-
padding-top: 0.25rem;
|
|
684
|
-
padding-bottom: 0.25rem;
|
|
685
|
-
}
|
|
686
|
-
|
|
687
|
-
.ex-py-2 {
|
|
688
|
-
padding-top: 0.5rem;
|
|
689
|
-
padding-bottom: 0.5rem;
|
|
690
|
-
}
|
|
691
|
-
|
|
692
|
-
.ex-pb-6 {
|
|
693
|
-
padding-bottom: 1.5rem;
|
|
694
|
-
}
|
|
695
|
-
|
|
696
|
-
.ex-pt-10 {
|
|
697
|
-
padding-top: 2.5rem;
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
.ex-pt-2 {
|
|
701
|
-
padding-top: 0.5rem;
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
.ex-pt-3 {
|
|
705
|
-
padding-top: 0.75rem;
|
|
706
|
-
}
|
|
707
|
-
|
|
708
|
-
.ex-text-sm {
|
|
709
|
-
font-size: 0.875rem;
|
|
710
|
-
line-height: 1.25rem;
|
|
711
|
-
}
|
|
712
|
-
|
|
713
|
-
.ex-font-medium {
|
|
714
|
-
font-weight: 500;
|
|
715
|
-
}
|
|
716
|
-
|
|
717
|
-
.ex-text-muted-foreground {
|
|
718
|
-
color: hsl(var(--muted-foreground));
|
|
719
|
-
}
|
|
720
|
-
|
|
721
|
-
.ex-transition-colors {
|
|
722
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
723
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
724
|
-
transition-duration: 150ms;
|
|
1
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties;
|
|
3
|
+
@layer theme, base, components, utilities;
|
|
4
|
+
@layer theme {
|
|
5
|
+
:root, :host {
|
|
6
|
+
--ex-color-blue-500: oklch(62.3% 0.214 259.815);
|
|
7
|
+
--ex-spacing: 0.25rem;
|
|
8
|
+
--ex-text-sm: 0.875rem;
|
|
9
|
+
--ex-text-sm--line-height: calc(1.25 / 0.875);
|
|
10
|
+
--ex-font-weight-medium: 500;
|
|
11
|
+
--ex-default-transition-duration: 150ms;
|
|
12
|
+
--ex-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
13
|
+
--ex-default-font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
14
|
+
--ex-default-mono-font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
15
|
+
}
|
|
725
16
|
}
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
17
|
+
@layer base {
|
|
18
|
+
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0;
|
|
22
|
+
border: 0 solid;
|
|
23
|
+
}
|
|
24
|
+
html, :host {
|
|
25
|
+
line-height: 1.5;
|
|
26
|
+
-webkit-text-size-adjust: 100%;
|
|
27
|
+
tab-size: 4;
|
|
28
|
+
font-family: var(--ex-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
29
|
+
font-feature-settings: var(--ex-default-font-feature-settings, normal);
|
|
30
|
+
font-variation-settings: var(--ex-default-font-variation-settings, normal);
|
|
31
|
+
-webkit-tap-highlight-color: transparent;
|
|
32
|
+
}
|
|
33
|
+
hr {
|
|
34
|
+
height: 0;
|
|
35
|
+
color: inherit;
|
|
36
|
+
border-top-width: 1px;
|
|
37
|
+
}
|
|
38
|
+
abbr:where([title]) {
|
|
39
|
+
-webkit-text-decoration: underline dotted;
|
|
40
|
+
text-decoration: underline dotted;
|
|
41
|
+
}
|
|
42
|
+
h1, h2, h3, h4, h5, h6 {
|
|
43
|
+
font-size: inherit;
|
|
44
|
+
font-weight: inherit;
|
|
45
|
+
}
|
|
46
|
+
a {
|
|
47
|
+
color: inherit;
|
|
48
|
+
-webkit-text-decoration: inherit;
|
|
49
|
+
text-decoration: inherit;
|
|
50
|
+
}
|
|
51
|
+
b, strong {
|
|
52
|
+
font-weight: bolder;
|
|
53
|
+
}
|
|
54
|
+
code, kbd, samp, pre {
|
|
55
|
+
font-family: var(--ex-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
56
|
+
font-feature-settings: var(--ex-default-mono-font-feature-settings, normal);
|
|
57
|
+
font-variation-settings: var(--ex-default-mono-font-variation-settings, normal);
|
|
58
|
+
font-size: 1em;
|
|
59
|
+
}
|
|
60
|
+
small {
|
|
61
|
+
font-size: 80%;
|
|
62
|
+
}
|
|
63
|
+
sub, sup {
|
|
64
|
+
font-size: 75%;
|
|
65
|
+
line-height: 0;
|
|
66
|
+
position: relative;
|
|
67
|
+
vertical-align: baseline;
|
|
68
|
+
}
|
|
69
|
+
sub {
|
|
70
|
+
bottom: -0.25em;
|
|
71
|
+
}
|
|
72
|
+
sup {
|
|
73
|
+
top: -0.5em;
|
|
74
|
+
}
|
|
75
|
+
table {
|
|
76
|
+
text-indent: 0;
|
|
77
|
+
border-color: inherit;
|
|
78
|
+
border-collapse: collapse;
|
|
79
|
+
}
|
|
80
|
+
:-moz-focusring {
|
|
81
|
+
outline: auto;
|
|
82
|
+
}
|
|
83
|
+
progress {
|
|
84
|
+
vertical-align: baseline;
|
|
85
|
+
}
|
|
86
|
+
summary {
|
|
87
|
+
display: list-item;
|
|
88
|
+
}
|
|
89
|
+
ol, ul, menu {
|
|
90
|
+
list-style: none;
|
|
91
|
+
}
|
|
92
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
93
|
+
display: block;
|
|
94
|
+
vertical-align: middle;
|
|
95
|
+
}
|
|
96
|
+
img, video {
|
|
97
|
+
max-width: 100%;
|
|
98
|
+
height: auto;
|
|
99
|
+
}
|
|
100
|
+
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
101
|
+
font: inherit;
|
|
102
|
+
font-feature-settings: inherit;
|
|
103
|
+
font-variation-settings: inherit;
|
|
104
|
+
letter-spacing: inherit;
|
|
105
|
+
color: inherit;
|
|
106
|
+
border-radius: 0;
|
|
107
|
+
background-color: transparent;
|
|
108
|
+
opacity: 1;
|
|
109
|
+
}
|
|
110
|
+
:where(select:is([multiple], [size])) optgroup {
|
|
111
|
+
font-weight: bolder;
|
|
112
|
+
}
|
|
113
|
+
:where(select:is([multiple], [size])) optgroup option {
|
|
114
|
+
padding-inline-start: 20px;
|
|
115
|
+
}
|
|
116
|
+
::file-selector-button {
|
|
117
|
+
margin-inline-end: 4px;
|
|
118
|
+
}
|
|
119
|
+
::placeholder {
|
|
120
|
+
opacity: 1;
|
|
121
|
+
}
|
|
122
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
123
|
+
::placeholder {
|
|
124
|
+
color: currentcolor;
|
|
125
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
126
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
textarea {
|
|
131
|
+
resize: vertical;
|
|
132
|
+
}
|
|
133
|
+
::-webkit-search-decoration {
|
|
134
|
+
-webkit-appearance: none;
|
|
135
|
+
}
|
|
136
|
+
::-webkit-date-and-time-value {
|
|
137
|
+
min-height: 1lh;
|
|
138
|
+
text-align: inherit;
|
|
139
|
+
}
|
|
140
|
+
::-webkit-datetime-edit {
|
|
141
|
+
display: inline-flex;
|
|
142
|
+
}
|
|
143
|
+
::-webkit-datetime-edit-fields-wrapper {
|
|
144
|
+
padding: 0;
|
|
145
|
+
}
|
|
146
|
+
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
147
|
+
padding-block: 0;
|
|
148
|
+
}
|
|
149
|
+
::-webkit-calendar-picker-indicator {
|
|
150
|
+
line-height: 1;
|
|
151
|
+
}
|
|
152
|
+
:-moz-ui-invalid {
|
|
153
|
+
box-shadow: none;
|
|
154
|
+
}
|
|
155
|
+
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
156
|
+
appearance: button;
|
|
157
|
+
}
|
|
158
|
+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
159
|
+
height: auto;
|
|
160
|
+
}
|
|
161
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
162
|
+
display: none !important;
|
|
731
163
|
}
|
|
732
164
|
}
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
165
|
+
@layer utilities {
|
|
166
|
+
.ex\:sr-only {
|
|
167
|
+
position: absolute;
|
|
168
|
+
width: 1px;
|
|
169
|
+
height: 1px;
|
|
170
|
+
padding: 0;
|
|
171
|
+
margin: -1px;
|
|
172
|
+
overflow: hidden;
|
|
173
|
+
clip-path: inset(50%);
|
|
174
|
+
white-space: nowrap;
|
|
175
|
+
border-width: 0;
|
|
176
|
+
}
|
|
177
|
+
.ex\:relative {
|
|
178
|
+
position: relative;
|
|
179
|
+
}
|
|
180
|
+
.ex\:mt-0 {
|
|
181
|
+
margin-top: calc(var(--ex-spacing) * 0);
|
|
182
|
+
}
|
|
183
|
+
.ex\:mb-3 {
|
|
184
|
+
margin-bottom: calc(var(--ex-spacing) * 3);
|
|
185
|
+
}
|
|
186
|
+
.ex\:ml-1\.5 {
|
|
187
|
+
margin-left: calc(var(--ex-spacing) * 1.5);
|
|
188
|
+
}
|
|
189
|
+
.ex\:ml-auto {
|
|
190
|
+
margin-left: auto;
|
|
191
|
+
}
|
|
192
|
+
.ex\:block {
|
|
193
|
+
display: block;
|
|
194
|
+
}
|
|
195
|
+
.ex\:flex {
|
|
196
|
+
display: flex;
|
|
197
|
+
}
|
|
198
|
+
.ex\:hidden {
|
|
199
|
+
display: none;
|
|
200
|
+
}
|
|
201
|
+
.ex\:h-4 {
|
|
202
|
+
height: calc(var(--ex-spacing) * 4);
|
|
203
|
+
}
|
|
204
|
+
.ex\:h-6 {
|
|
205
|
+
height: calc(var(--ex-spacing) * 6);
|
|
206
|
+
}
|
|
207
|
+
.ex\:h-full {
|
|
208
|
+
height: 100%;
|
|
209
|
+
}
|
|
210
|
+
.ex\:max-h-full {
|
|
211
|
+
max-height: 100%;
|
|
212
|
+
}
|
|
213
|
+
.ex\:w-4 {
|
|
214
|
+
width: calc(var(--ex-spacing) * 4);
|
|
215
|
+
}
|
|
216
|
+
.ex\:w-6 {
|
|
217
|
+
width: calc(var(--ex-spacing) * 6);
|
|
218
|
+
}
|
|
219
|
+
.ex\:w-full {
|
|
220
|
+
width: 100%;
|
|
221
|
+
}
|
|
222
|
+
.ex\:flex-col {
|
|
223
|
+
flex-direction: column;
|
|
224
|
+
}
|
|
225
|
+
.ex\:items-center {
|
|
226
|
+
align-items: center;
|
|
227
|
+
}
|
|
228
|
+
.ex\:gap-6 {
|
|
229
|
+
gap: calc(var(--ex-spacing) * 6);
|
|
230
|
+
}
|
|
231
|
+
.ex\:gap-x-4 {
|
|
232
|
+
column-gap: calc(var(--ex-spacing) * 4);
|
|
233
|
+
}
|
|
234
|
+
.ex\:overflow-auto {
|
|
235
|
+
overflow: auto;
|
|
236
|
+
}
|
|
237
|
+
.ex\:rounded-md {
|
|
238
|
+
border-radius: calc(var(--radius) - 2px);
|
|
239
|
+
}
|
|
240
|
+
.ex\:bg-muted {
|
|
241
|
+
background-color: hsl(var(--muted));
|
|
242
|
+
}
|
|
243
|
+
.ex\:p-1\! {
|
|
244
|
+
padding: calc(var(--ex-spacing) * 1) !important;
|
|
245
|
+
}
|
|
246
|
+
.ex\:px-3 {
|
|
247
|
+
padding-inline: calc(var(--ex-spacing) * 3);
|
|
248
|
+
}
|
|
249
|
+
.ex\:px-4 {
|
|
250
|
+
padding-inline: calc(var(--ex-spacing) * 4);
|
|
251
|
+
}
|
|
252
|
+
.ex\:px-5 {
|
|
253
|
+
padding-inline: calc(var(--ex-spacing) * 5);
|
|
254
|
+
}
|
|
255
|
+
.ex\:px-6 {
|
|
256
|
+
padding-inline: calc(var(--ex-spacing) * 6);
|
|
257
|
+
}
|
|
258
|
+
.ex\:py-1 {
|
|
259
|
+
padding-block: calc(var(--ex-spacing) * 1);
|
|
260
|
+
}
|
|
261
|
+
.ex\:py-2 {
|
|
262
|
+
padding-block: calc(var(--ex-spacing) * 2);
|
|
263
|
+
}
|
|
264
|
+
.ex\:pt-2 {
|
|
265
|
+
padding-top: calc(var(--ex-spacing) * 2);
|
|
266
|
+
}
|
|
267
|
+
.ex\:pt-3 {
|
|
268
|
+
padding-top: calc(var(--ex-spacing) * 3);
|
|
269
|
+
}
|
|
270
|
+
.ex\:pt-10 {
|
|
271
|
+
padding-top: calc(var(--ex-spacing) * 10);
|
|
272
|
+
}
|
|
273
|
+
.ex\:pb-6 {
|
|
274
|
+
padding-bottom: calc(var(--ex-spacing) * 6);
|
|
275
|
+
}
|
|
276
|
+
.ex\:text-sm {
|
|
277
|
+
font-size: var(--ex-text-sm);
|
|
278
|
+
line-height: var(--tw-leading, var(--ex-text-sm--line-height));
|
|
279
|
+
}
|
|
280
|
+
.ex\:font-medium {
|
|
281
|
+
--tw-font-weight: var(--ex-font-weight-medium);
|
|
282
|
+
font-weight: var(--ex-font-weight-medium);
|
|
283
|
+
}
|
|
284
|
+
.ex\:text-muted-foreground {
|
|
285
|
+
color: hsl(var(--muted-foreground));
|
|
286
|
+
}
|
|
287
|
+
.ex\:transition-colors {
|
|
288
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
289
|
+
transition-timing-function: var(--tw-ease, var(--ex-default-transition-timing-function));
|
|
290
|
+
transition-duration: var(--tw-duration, var(--ex-default-transition-duration));
|
|
291
|
+
}
|
|
292
|
+
.ex\:hover\:bg-blue-500 {
|
|
293
|
+
&:hover {
|
|
294
|
+
@media (hover: hover) {
|
|
295
|
+
background-color: var(--ex-color-blue-500);
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
.ex\:\[\&\>div\>div\]\:block\! {
|
|
300
|
+
&>div>div {
|
|
301
|
+
display: block !important;
|
|
302
|
+
}
|
|
738
303
|
}
|
|
739
304
|
}
|
|
740
|
-
|
|
741
305
|
:root {
|
|
742
306
|
--tab-background: 0 0% 100%;
|
|
743
307
|
--tab-foreground: 240 5.9% 10%;
|
|
744
308
|
--tab-active-foreground: 0 0% 98%;
|
|
745
309
|
}
|
|
746
|
-
|
|
747
310
|
.dark {
|
|
748
311
|
--tab-background: 240 5.9% 23%;
|
|
749
312
|
--tab-foreground: 0 0% 98%;
|
|
750
313
|
--tab-active-foreground: 240 5.9% 23%;
|
|
751
314
|
}
|
|
752
|
-
|
|
753
|
-
html,
|
|
754
|
-
body {
|
|
315
|
+
html, body {
|
|
755
316
|
height: 100%;
|
|
756
317
|
}
|
|
757
|
-
|
|
758
318
|
.flexkit-studio {
|
|
759
|
-
.graphiql-container,
|
|
760
|
-
.CodeMirror-info,
|
|
761
|
-
.CodeMirror-lint-tooltip,
|
|
762
|
-
.graphiql-dialog,
|
|
763
|
-
.graphiql-dialog-overlay,
|
|
764
|
-
.graphiql-tooltip,
|
|
765
|
-
[data-radix-popper-content-wrapper] {
|
|
319
|
+
.graphiql-container, .CodeMirror-info, .CodeMirror-lint-tooltip, .graphiql-dialog, .graphiql-dialog-overlay, .graphiql-tooltip, [data-radix-popper-content-wrapper] {
|
|
766
320
|
--px-2: 2px;
|
|
767
321
|
--px-4: 4px;
|
|
768
322
|
--px-6: 6px;
|
|
@@ -843,12 +397,10 @@ body {
|
|
|
843
397
|
}
|
|
844
398
|
}
|
|
845
399
|
}
|
|
846
|
-
/* The editor of the session */
|
|
847
400
|
.graphiql-session {
|
|
848
401
|
display: flex;
|
|
849
402
|
flex: 1;
|
|
850
403
|
}
|
|
851
|
-
/* All editors (query, variable, headers) */
|
|
852
404
|
.graphiql-editors {
|
|
853
405
|
display: flex;
|
|
854
406
|
flex: 1;
|
|
@@ -875,20 +427,17 @@ body {
|
|
|
875
427
|
}
|
|
876
428
|
}
|
|
877
429
|
}
|
|
878
|
-
/* The vertical toolbar next to the query editor */
|
|
879
430
|
.graphiql-toolbar {
|
|
880
431
|
width: var(--toolbar-width);
|
|
881
432
|
& > * + * {
|
|
882
433
|
margin-top: var(--px-8);
|
|
883
434
|
}
|
|
884
435
|
}
|
|
885
|
-
/* The tab bar for editor tools */
|
|
886
436
|
.graphiql-editor-tools {
|
|
887
437
|
cursor: row-resize;
|
|
888
438
|
display: flex;
|
|
889
439
|
width: 100%;
|
|
890
|
-
|
|
891
|
-
column-gap: var(--px-8);
|
|
440
|
+
column-gap: var(--px-8);
|
|
892
441
|
padding: var(--px-8);
|
|
893
442
|
button {
|
|
894
443
|
color: hsla(var(--color-neutral), var(--alpha-secondary));
|
|
@@ -896,7 +445,6 @@ body {
|
|
|
896
445
|
color: hsl(var(--color-neutral));
|
|
897
446
|
}
|
|
898
447
|
}
|
|
899
|
-
/* The tab buttons to switch between editor tools */
|
|
900
448
|
& > button:not(.graphiql-toggle-editor-tools) {
|
|
901
449
|
padding: var(--px-8) var(--px-12);
|
|
902
450
|
}
|
|
@@ -904,29 +452,18 @@ body {
|
|
|
904
452
|
margin-left: auto;
|
|
905
453
|
}
|
|
906
454
|
}
|
|
907
|
-
/* An editor tool, e.g. variable or header editor */
|
|
908
455
|
.graphiql-editor-tool {
|
|
909
456
|
height: 100%;
|
|
910
457
|
padding: var(--px-16);
|
|
911
458
|
}
|
|
912
|
-
|
|
913
|
-
* The way CodeMirror editors are styled they overflow their containing
|
|
914
|
-
* element. For some OS-browser-combinations this might cause overlap issues,
|
|
915
|
-
* setting the position of this to `relative` makes sure this element will
|
|
916
|
-
* always be on top of any editors.
|
|
917
|
-
*/
|
|
918
|
-
.graphiql-toolbar,
|
|
919
|
-
.graphiql-editor-tools,
|
|
920
|
-
.graphiql-editor-tool {
|
|
459
|
+
.graphiql-toolbar, .graphiql-editor-tools, .graphiql-editor-tool {
|
|
921
460
|
position: relative;
|
|
922
461
|
}
|
|
923
|
-
/* The response view */
|
|
924
462
|
.graphiql-response {
|
|
925
463
|
--editor-background: transparent;
|
|
926
464
|
display: flex;
|
|
927
465
|
width: 100%;
|
|
928
466
|
flex-direction: column;
|
|
929
|
-
/* The results editor wrapping container */
|
|
930
467
|
.result-window {
|
|
931
468
|
position: relative;
|
|
932
469
|
flex: 1;
|
|
@@ -937,11 +474,9 @@ body {
|
|
|
937
474
|
font-size: 0.8125rem;
|
|
938
475
|
color: hsl(var(--muted-foreground));
|
|
939
476
|
}
|
|
940
|
-
/* The footer below the response view */
|
|
941
477
|
.graphiql-footer {
|
|
942
478
|
border-top: 1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));
|
|
943
479
|
}
|
|
944
|
-
/* The plugin container */
|
|
945
480
|
.graphiql-plugin {
|
|
946
481
|
border-left: 1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));
|
|
947
482
|
flex: 1;
|
|
@@ -955,12 +490,10 @@ body {
|
|
|
955
490
|
margin: var(--px-12);
|
|
956
491
|
width: var(--px-12);
|
|
957
492
|
}
|
|
958
|
-
/* Avoid showing native tooltips for icons with titles */
|
|
959
493
|
svg {
|
|
960
494
|
pointer-events: none;
|
|
961
495
|
}
|
|
962
496
|
}
|
|
963
|
-
/* The button to add a new tab */
|
|
964
497
|
button.graphiql-tab-add {
|
|
965
498
|
height: 100%;
|
|
966
499
|
padding: var(--px-4);
|
|
@@ -985,16 +518,17 @@ body {
|
|
|
985
518
|
background-color: hsl(var(--muted));
|
|
986
519
|
}
|
|
987
520
|
}
|
|
988
|
-
/* The Docs explorer */
|
|
989
521
|
.graphiql-doc-explorer-header {
|
|
990
522
|
position: sticky;
|
|
991
|
-
top:
|
|
523
|
+
top: -1px;
|
|
992
524
|
display: flex;
|
|
993
525
|
flex-direction: column-reverse;
|
|
994
526
|
padding-bottom: 0.25rem;
|
|
995
527
|
background-color: hsl(var(--background));
|
|
996
528
|
.graphiql-doc-explorer-search {
|
|
997
529
|
position: relative;
|
|
530
|
+
background-color: hsl(var(--muted));
|
|
531
|
+
border-radius: 8px;
|
|
998
532
|
& [role='listbox'] {
|
|
999
533
|
background-color: hsl(var(--muted));
|
|
1000
534
|
}
|
|
@@ -1007,8 +541,7 @@ body {
|
|
|
1007
541
|
color: hsl(var(--muted-foreground));
|
|
1008
542
|
}
|
|
1009
543
|
}
|
|
1010
|
-
.graphiql-doc-explorer-title,
|
|
1011
|
-
.graphiql-history-header {
|
|
544
|
+
.graphiql-doc-explorer-title, .graphiql-history-header {
|
|
1012
545
|
font-size: 1.25rem;
|
|
1013
546
|
visibility: visible !important;
|
|
1014
547
|
}
|
|
@@ -1042,8 +575,7 @@ body {
|
|
|
1042
575
|
button.graphiql-history-item-action {
|
|
1043
576
|
color: hsl(var(--muted-foreground));
|
|
1044
577
|
}
|
|
1045
|
-
button.graphiql-history-item-label:hover,
|
|
1046
|
-
button.graphiql-history-item-label:focus {
|
|
578
|
+
button.graphiql-history-item-label:hover, button.graphiql-history-item-label:focus {
|
|
1047
579
|
color: hsl(var(--link));
|
|
1048
580
|
}
|
|
1049
581
|
a.graphiql-doc-explorer-type-name {
|
|
@@ -1056,9 +588,6 @@ body {
|
|
|
1056
588
|
color: hsl(var(--muted-foreground));
|
|
1057
589
|
}
|
|
1058
590
|
}
|
|
1059
|
-
|
|
1060
|
-
/* Generic drag bar for horizontal resizing */
|
|
1061
|
-
|
|
1062
591
|
.graphiql-horizontal-drag-bar {
|
|
1063
592
|
width: var(--px-12);
|
|
1064
593
|
cursor: col-resize;
|
|
@@ -1070,47 +599,32 @@ body {
|
|
|
1070
599
|
height: 25%;
|
|
1071
600
|
margin: 0 auto;
|
|
1072
601
|
position: relative;
|
|
1073
|
-
/* (100% - 25%) / 2 = 37.5% */
|
|
1074
602
|
top: 37.5%;
|
|
1075
603
|
width: 0;
|
|
1076
604
|
}
|
|
1077
605
|
}
|
|
1078
|
-
|
|
1079
|
-
/* Generic spin animation */
|
|
1080
|
-
|
|
1081
606
|
.graphiql-spin {
|
|
1082
607
|
animation: spin 0.8s linear 0s infinite;
|
|
1083
608
|
}
|
|
1084
|
-
|
|
1085
609
|
@keyframes spin {
|
|
1086
610
|
from {
|
|
1087
611
|
transform: rotate(0deg);
|
|
1088
612
|
}
|
|
1089
|
-
|
|
1090
613
|
to {
|
|
1091
614
|
transform: rotate(360deg);
|
|
1092
615
|
}
|
|
1093
616
|
}
|
|
1094
|
-
|
|
1095
|
-
/* The header of the settings dialog */
|
|
1096
|
-
|
|
1097
617
|
.graphiql-dialog .graphiql-dialog-header {
|
|
1098
618
|
align-items: center;
|
|
1099
619
|
display: flex;
|
|
1100
620
|
justify-content: space-between;
|
|
1101
621
|
padding: var(--px-24);
|
|
1102
622
|
}
|
|
1103
|
-
|
|
1104
|
-
/* The title of the settings dialog */
|
|
1105
|
-
|
|
1106
623
|
.graphiql-dialog .graphiql-dialog-title {
|
|
1107
624
|
font-size: var(--font-size-h3);
|
|
1108
625
|
font-weight: var(--font-weight-medium);
|
|
1109
626
|
margin: 0;
|
|
1110
627
|
}
|
|
1111
|
-
|
|
1112
|
-
/* A section inside the settings dialog */
|
|
1113
|
-
|
|
1114
628
|
.graphiql-dialog .graphiql-dialog-section {
|
|
1115
629
|
align-items: center;
|
|
1116
630
|
border-top: 1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));
|
|
@@ -1118,52 +632,58 @@ body {
|
|
|
1118
632
|
justify-content: space-between;
|
|
1119
633
|
padding: var(--px-24);
|
|
1120
634
|
}
|
|
1121
|
-
|
|
1122
635
|
.graphiql-dialog .graphiql-dialog-section > :not(:first-child) {
|
|
1123
636
|
margin-left: var(--px-24);
|
|
1124
637
|
}
|
|
1125
|
-
|
|
1126
|
-
/* The section title in the settings dialog */
|
|
1127
|
-
|
|
1128
638
|
.graphiql-dialog .graphiql-dialog-section-title {
|
|
1129
639
|
font-size: var(--font-size-h4);
|
|
1130
640
|
font-weight: var(--font-weight-medium);
|
|
1131
641
|
}
|
|
1132
|
-
|
|
1133
|
-
/* The section caption in the settings dialog */
|
|
1134
|
-
|
|
1135
642
|
.graphiql-dialog .graphiql-dialog-section-caption {
|
|
1136
643
|
color: hsla(var(--color-neutral), var(--alpha-secondary));
|
|
1137
644
|
}
|
|
1138
|
-
|
|
1139
645
|
.graphiql-dialog .graphiql-warning-text {
|
|
1140
646
|
color: hsl(var(--color-warning));
|
|
1141
647
|
font-weight: var(--font-weight-medium);
|
|
1142
648
|
}
|
|
1143
|
-
|
|
1144
649
|
.graphiql-dialog .graphiql-table {
|
|
1145
650
|
border-collapse: collapse;
|
|
1146
651
|
width: 100%;
|
|
1147
652
|
}
|
|
1148
|
-
|
|
1149
653
|
.graphiql-dialog .graphiql-table :is(th, td) {
|
|
1150
654
|
border: 1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));
|
|
1151
655
|
padding: var(--px-8) var(--px-12);
|
|
1152
656
|
}
|
|
1153
|
-
|
|
1154
|
-
/* A single key the short-key dialog */
|
|
1155
|
-
|
|
1156
657
|
.graphiql-dialog .graphiql-key {
|
|
1157
658
|
background-color: hsla(var(--color-neutral), var(--alpha-background-medium));
|
|
1158
659
|
border-radius: var(--border-radius-4);
|
|
1159
660
|
padding: var(--px-4);
|
|
1160
661
|
}
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
662
|
+
@keyframes enter {
|
|
663
|
+
from {
|
|
664
|
+
opacity: var(--tw-enter-opacity, 1);
|
|
665
|
+
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
|
|
666
|
+
}
|
|
667
|
+
}
|
|
668
|
+
@keyframes exit {
|
|
669
|
+
to {
|
|
670
|
+
opacity: var(--tw-exit-opacity, 1);
|
|
671
|
+
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
@property --tw-font-weight {
|
|
675
|
+
syntax: "*";
|
|
676
|
+
inherits: false;
|
|
1165
677
|
}
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
678
|
+
@keyframes spin {
|
|
679
|
+
to {
|
|
680
|
+
transform: rotate(360deg);
|
|
681
|
+
}
|
|
682
|
+
}
|
|
683
|
+
@layer properties {
|
|
684
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
685
|
+
*, ::before, ::after, ::backdrop {
|
|
686
|
+
--tw-font-weight: initial;
|
|
687
|
+
}
|
|
688
|
+
}
|
|
1169
689
|
}
|