ariadne_view_components 0.0.19 → 0.0.21

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +113 -0
  3. data/app/assets/javascripts/ariadne_view_components.js +1 -1
  4. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  5. data/app/components/ariadne/avatar_stack_component.html.erb +1 -1
  6. data/app/components/ariadne/details_component.rb +1 -1
  7. data/app/components/ariadne/grid_component.rb +1 -1
  8. data/app/components/ariadne/heroicon_component.rb +2 -2
  9. data/app/components/ariadne/rich-text-area-component.ts +1 -0
  10. data/lib/ariadne/view_components/version.rb +1 -1
  11. data/static/arguments.yml +1 -1
  12. data/static/classes.yml +0 -3
  13. data/static/constants.json +6 -6
  14. metadata +6 -37
  15. data/app/assets/builds/ariadne_view_components.css +0 -2243
  16. data/app/components/ariadne/ariadne-form-with.d.ts +0 -20
  17. data/app/components/ariadne/ariadne-form-with.js +0 -85
  18. data/app/components/ariadne/ariadne-form.d.ts +0 -22
  19. data/app/components/ariadne/ariadne-form.js +0 -84
  20. data/app/components/ariadne/ariadne.d.ts +0 -2
  21. data/app/components/ariadne/ariadne.js +0 -16
  22. data/app/components/ariadne/clipboard-copy-component.d.ts +0 -4
  23. data/app/components/ariadne/clipboard-copy-component.js +0 -18
  24. data/app/components/ariadne/clipboard_copy_component.d.ts +0 -4
  25. data/app/components/ariadne/clipboard_copy_component.js +0 -18
  26. data/app/components/ariadne/rich-text-area-component.d.ts +0 -6
  27. data/app/components/ariadne/rich-text-area-component.js +0 -36
  28. data/app/components/ariadne/slideover-component.d.ts +0 -9
  29. data/app/components/ariadne/slideover-component.js +0 -10
  30. data/app/components/ariadne/slideover_component.d.ts +0 -9
  31. data/app/components/ariadne/slideover_component.js +0 -19
  32. data/app/components/ariadne/tab-component.js +0 -1
  33. data/app/components/ariadne/tab-container-component copy.d.ts +0 -1
  34. data/app/components/ariadne/tab-container-component copy.js +0 -23
  35. data/app/components/ariadne/tab-container-component.d.ts +0 -1
  36. data/app/components/ariadne/tab-container-component.js +0 -23
  37. data/app/components/ariadne/tab-nav-component.d.ts +0 -9
  38. data/app/components/ariadne/tab-nav-component.js +0 -32
  39. data/app/components/ariadne/tabs-component.d.ts +0 -0
  40. data/app/components/ariadne/tabs-component.js +0 -1
  41. data/app/components/ariadne/time-ago-component.d.ts +0 -1
  42. data/app/components/ariadne/time-ago-component.js +0 -1
  43. data/app/components/ariadne/time_ago_component.d.ts +0 -1
  44. data/app/components/ariadne/time_ago_component.js +0 -1
  45. data/app/components/ariadne/tooltip-component.d.ts +0 -24
  46. data/app/components/ariadne/tooltip-component.js +0 -42
@@ -1,2243 +0,0 @@
1
- /*
2
- ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
3
- */
4
-
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
-
10
- *,
11
- ::before,
12
- ::after {
13
- box-sizing: border-box;
14
- /* 1 */
15
- border-width: 0;
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
- */
34
-
35
- html {
36
- line-height: 1.5;
37
- /* 1 */
38
- -webkit-text-size-adjust: 100%;
39
- /* 2 */
40
- -moz-tab-size: 4;
41
- /* 3 */
42
- -o-tab-size: 4;
43
- tab-size: 4;
44
- /* 3 */
45
- font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
46
- /* 4 */
47
- }
48
-
49
- /*
50
- 1. Remove the margin in all browsers.
51
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
52
- */
53
-
54
- body {
55
- margin: 0;
56
- /* 1 */
57
- line-height: inherit;
58
- /* 2 */
59
- }
60
-
61
- /*
62
- 1. Add the correct height in Firefox.
63
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
64
- 3. Ensure horizontal rules are visible by default.
65
- */
66
-
67
- hr {
68
- height: 0;
69
- /* 1 */
70
- color: inherit;
71
- /* 2 */
72
- border-top-width: 1px;
73
- /* 3 */
74
- }
75
-
76
- /*
77
- Add the correct text decoration in Chrome, Edge, and Safari.
78
- */
79
-
80
- abbr:where([title]) {
81
- -webkit-text-decoration: underline dotted;
82
- text-decoration: underline dotted;
83
- }
84
-
85
- /*
86
- Remove the default font size and weight for headings.
87
- */
88
-
89
- h1,
90
- h2,
91
- h3,
92
- h4,
93
- h5,
94
- h6 {
95
- font-size: inherit;
96
- font-weight: inherit;
97
- }
98
-
99
- /*
100
- Reset links to optimize for opt-in styling instead of opt-out.
101
- */
102
-
103
- a {
104
- color: inherit;
105
- text-decoration: inherit;
106
- }
107
-
108
- /*
109
- Add the correct font weight in Edge and Safari.
110
- */
111
-
112
- b,
113
- strong {
114
- font-weight: bolder;
115
- }
116
-
117
- /*
118
- 1. Use the user's configured `mono` font family by default.
119
- 2. Correct the odd `em` font sizing in all browsers.
120
- */
121
-
122
- code,
123
- kbd,
124
- samp,
125
- pre {
126
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
127
- /* 1 */
128
- font-size: 1em;
129
- /* 2 */
130
- }
131
-
132
- /*
133
- Add the correct font size in all browsers.
134
- */
135
-
136
- small {
137
- font-size: 80%;
138
- }
139
-
140
- /*
141
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
142
- */
143
-
144
- sub,
145
- sup {
146
- font-size: 75%;
147
- line-height: 0;
148
- position: relative;
149
- vertical-align: baseline;
150
- }
151
-
152
- sub {
153
- bottom: -0.25em;
154
- }
155
-
156
- sup {
157
- top: -0.5em;
158
- }
159
-
160
- /*
161
- 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)
162
- 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)
163
- 3. Remove gaps between table borders by default.
164
- */
165
-
166
- table {
167
- text-indent: 0;
168
- /* 1 */
169
- border-color: inherit;
170
- /* 2 */
171
- border-collapse: collapse;
172
- /* 3 */
173
- }
174
-
175
- /*
176
- 1. Change the font styles in all browsers.
177
- 2. Remove the margin in Firefox and Safari.
178
- 3. Remove default padding in all browsers.
179
- */
180
-
181
- button,
182
- input,
183
- optgroup,
184
- select,
185
- textarea {
186
- font-family: inherit;
187
- /* 1 */
188
- font-size: 100%;
189
- /* 1 */
190
- font-weight: inherit;
191
- /* 1 */
192
- line-height: inherit;
193
- /* 1 */
194
- color: inherit;
195
- /* 1 */
196
- margin: 0;
197
- /* 2 */
198
- padding: 0;
199
- /* 3 */
200
- }
201
-
202
- /*
203
- Remove the inheritance of text transform in Edge and Firefox.
204
- */
205
-
206
- button,
207
- select {
208
- text-transform: none;
209
- }
210
-
211
- /*
212
- 1. Correct the inability to style clickable types in iOS and Safari.
213
- 2. Remove default button styles.
214
- */
215
-
216
- button,
217
- [type='button'],
218
- [type='reset'],
219
- [type='submit'] {
220
- -webkit-appearance: button;
221
- /* 1 */
222
- background-color: transparent;
223
- /* 2 */
224
- background-image: none;
225
- /* 2 */
226
- }
227
-
228
- /*
229
- Use the modern Firefox focus style for all focusable elements.
230
- */
231
-
232
- :-moz-focusring {
233
- outline: auto;
234
- }
235
-
236
- /*
237
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
238
- */
239
-
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
-
244
- /*
245
- Add the correct vertical alignment in Chrome and Firefox.
246
- */
247
-
248
- progress {
249
- vertical-align: baseline;
250
- }
251
-
252
- /*
253
- Correct the cursor style of increment and decrement buttons in Safari.
254
- */
255
-
256
- ::-webkit-inner-spin-button,
257
- ::-webkit-outer-spin-button {
258
- height: auto;
259
- }
260
-
261
- /*
262
- 1. Correct the odd appearance in Chrome and Safari.
263
- 2. Correct the outline style in Safari.
264
- */
265
-
266
- [type='search'] {
267
- -webkit-appearance: textfield;
268
- /* 1 */
269
- outline-offset: -2px;
270
- /* 2 */
271
- }
272
-
273
- /*
274
- Remove the inner padding in Chrome and Safari on macOS.
275
- */
276
-
277
- ::-webkit-search-decoration {
278
- -webkit-appearance: none;
279
- }
280
-
281
- /*
282
- 1. Correct the inability to style clickable types in iOS and Safari.
283
- 2. Change font properties to `inherit` in Safari.
284
- */
285
-
286
- ::-webkit-file-upload-button {
287
- -webkit-appearance: button;
288
- /* 1 */
289
- font: inherit;
290
- /* 2 */
291
- }
292
-
293
- /*
294
- Add the correct display in Chrome and Safari.
295
- */
296
-
297
- summary {
298
- display: list-item;
299
- }
300
-
301
- /*
302
- Removes the default spacing and border for appropriate elements.
303
- */
304
-
305
- blockquote,
306
- dl,
307
- dd,
308
- h1,
309
- h2,
310
- h3,
311
- h4,
312
- h5,
313
- h6,
314
- hr,
315
- figure,
316
- p,
317
- pre {
318
- margin: 0;
319
- }
320
-
321
- fieldset {
322
- margin: 0;
323
- padding: 0;
324
- }
325
-
326
- legend {
327
- padding: 0;
328
- }
329
-
330
- ol,
331
- ul,
332
- menu {
333
- list-style: none;
334
- margin: 0;
335
- padding: 0;
336
- }
337
-
338
- /*
339
- Prevent resizing textareas horizontally by default.
340
- */
341
-
342
- textarea {
343
- resize: vertical;
344
- }
345
-
346
- /*
347
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
348
- 2. Set the default placeholder color to the user's configured gray 400 color.
349
- */
350
-
351
- input::-moz-placeholder, textarea::-moz-placeholder {
352
- opacity: 1;
353
- /* 1 */
354
- color: #9ca3af;
355
- /* 2 */
356
- }
357
-
358
- input::placeholder,
359
- textarea::placeholder {
360
- opacity: 1;
361
- /* 1 */
362
- color: #9ca3af;
363
- /* 2 */
364
- }
365
-
366
- /*
367
- Set the default cursor for buttons.
368
- */
369
-
370
- button,
371
- [role="button"] {
372
- cursor: pointer;
373
- }
374
-
375
- /*
376
- Make sure disabled buttons don't get the pointer cursor.
377
- */
378
-
379
- :disabled {
380
- cursor: default;
381
- }
382
-
383
- /*
384
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
385
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
386
- This can trigger a poorly considered lint error in some tools but is included by design.
387
- */
388
-
389
- img,
390
- svg,
391
- video,
392
- canvas,
393
- audio,
394
- iframe,
395
- embed,
396
- object {
397
- display: block;
398
- /* 1 */
399
- vertical-align: middle;
400
- /* 2 */
401
- }
402
-
403
- /*
404
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
405
- */
406
-
407
- img,
408
- video {
409
- max-width: 100%;
410
- height: auto;
411
- }
412
-
413
- [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
414
- -webkit-appearance: none;
415
- -moz-appearance: none;
416
- appearance: none;
417
- background-color: #fff;
418
- border-color: #6b7280;
419
- border-width: 1px;
420
- border-radius: 0px;
421
- padding-top: 0.5rem;
422
- padding-right: 0.75rem;
423
- padding-bottom: 0.5rem;
424
- padding-left: 0.75rem;
425
- font-size: 1rem;
426
- line-height: 1.5rem;
427
- --tw-shadow: 0 0 #0000;
428
- }
429
-
430
- [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
431
- outline: 2px solid transparent;
432
- outline-offset: 2px;
433
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
434
- --tw-ring-offset-width: 0px;
435
- --tw-ring-offset-color: #fff;
436
- --tw-ring-color: #2563eb;
437
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
438
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
439
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
440
- border-color: #2563eb;
441
- }
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
444
- color: #6b7280;
445
- opacity: 1;
446
- }
447
-
448
- input::placeholder,textarea::placeholder {
449
- color: #6b7280;
450
- opacity: 1;
451
- }
452
-
453
- ::-webkit-datetime-edit-fields-wrapper {
454
- padding: 0;
455
- }
456
-
457
- ::-webkit-date-and-time-value {
458
- min-height: 1.5em;
459
- }
460
-
461
- ::-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 {
462
- padding-top: 0;
463
- padding-bottom: 0;
464
- }
465
-
466
- select {
467
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
468
- background-position: right 0.5rem center;
469
- background-repeat: no-repeat;
470
- background-size: 1.5em 1.5em;
471
- padding-right: 2.5rem;
472
- -webkit-print-color-adjust: exact;
473
- color-adjust: exact;
474
- print-color-adjust: exact;
475
- }
476
-
477
- [multiple] {
478
- background-image: initial;
479
- background-position: initial;
480
- background-repeat: unset;
481
- background-size: initial;
482
- padding-right: 0.75rem;
483
- -webkit-print-color-adjust: unset;
484
- color-adjust: unset;
485
- print-color-adjust: unset;
486
- }
487
-
488
- [type='checkbox'],[type='radio'] {
489
- -webkit-appearance: none;
490
- -moz-appearance: none;
491
- appearance: none;
492
- padding: 0;
493
- -webkit-print-color-adjust: exact;
494
- color-adjust: exact;
495
- print-color-adjust: exact;
496
- display: inline-block;
497
- vertical-align: middle;
498
- background-origin: border-box;
499
- -webkit-user-select: none;
500
- -moz-user-select: none;
501
- user-select: none;
502
- flex-shrink: 0;
503
- height: 1rem;
504
- width: 1rem;
505
- color: #2563eb;
506
- background-color: #fff;
507
- border-color: #6b7280;
508
- border-width: 1px;
509
- --tw-shadow: 0 0 #0000;
510
- }
511
-
512
- [type='checkbox'] {
513
- border-radius: 0px;
514
- }
515
-
516
- [type='radio'] {
517
- border-radius: 100%;
518
- }
519
-
520
- [type='checkbox']:focus,[type='radio']:focus {
521
- outline: 2px solid transparent;
522
- outline-offset: 2px;
523
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
524
- --tw-ring-offset-width: 2px;
525
- --tw-ring-offset-color: #fff;
526
- --tw-ring-color: #2563eb;
527
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
528
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
529
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
530
- }
531
-
532
- [type='checkbox']:checked,[type='radio']:checked {
533
- border-color: transparent;
534
- background-color: currentColor;
535
- background-size: 100% 100%;
536
- background-position: center;
537
- background-repeat: no-repeat;
538
- }
539
-
540
- [type='checkbox']:checked {
541
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
542
- }
543
-
544
- [type='radio']:checked {
545
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
546
- }
547
-
548
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
549
- border-color: transparent;
550
- background-color: currentColor;
551
- }
552
-
553
- [type='checkbox']:indeterminate {
554
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
555
- border-color: transparent;
556
- background-color: currentColor;
557
- background-size: 100% 100%;
558
- background-position: center;
559
- background-repeat: no-repeat;
560
- }
561
-
562
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
563
- border-color: transparent;
564
- background-color: currentColor;
565
- }
566
-
567
- [type='file'] {
568
- background: unset;
569
- border-color: inherit;
570
- border-width: 0;
571
- border-radius: 0;
572
- padding: 0;
573
- font-size: unset;
574
- line-height: inherit;
575
- }
576
-
577
- [type='file']:focus {
578
- outline: 1px solid ButtonText;
579
- outline: 1px auto -webkit-focus-ring-color;
580
- }
581
-
582
- *, ::before, ::after {
583
- --tw-border-spacing-x: 0;
584
- --tw-border-spacing-y: 0;
585
- --tw-translate-x: 0;
586
- --tw-translate-y: 0;
587
- --tw-rotate: 0;
588
- --tw-skew-x: 0;
589
- --tw-skew-y: 0;
590
- --tw-scale-x: 1;
591
- --tw-scale-y: 1;
592
- --tw-pan-x: ;
593
- --tw-pan-y: ;
594
- --tw-pinch-zoom: ;
595
- --tw-scroll-snap-strictness: proximity;
596
- --tw-ordinal: ;
597
- --tw-slashed-zero: ;
598
- --tw-numeric-figure: ;
599
- --tw-numeric-spacing: ;
600
- --tw-numeric-fraction: ;
601
- --tw-ring-inset: ;
602
- --tw-ring-offset-width: 0px;
603
- --tw-ring-offset-color: #fff;
604
- --tw-ring-color: rgb(59 130 246 / 0.5);
605
- --tw-ring-offset-shadow: 0 0 #0000;
606
- --tw-ring-shadow: 0 0 #0000;
607
- --tw-shadow: 0 0 #0000;
608
- --tw-shadow-colored: 0 0 #0000;
609
- --tw-blur: ;
610
- --tw-brightness: ;
611
- --tw-contrast: ;
612
- --tw-grayscale: ;
613
- --tw-hue-rotate: ;
614
- --tw-invert: ;
615
- --tw-saturate: ;
616
- --tw-sepia: ;
617
- --tw-drop-shadow: ;
618
- --tw-backdrop-blur: ;
619
- --tw-backdrop-brightness: ;
620
- --tw-backdrop-contrast: ;
621
- --tw-backdrop-grayscale: ;
622
- --tw-backdrop-hue-rotate: ;
623
- --tw-backdrop-invert: ;
624
- --tw-backdrop-opacity: ;
625
- --tw-backdrop-saturate: ;
626
- --tw-backdrop-sepia: ;
627
- }
628
-
629
- ::-webkit-backdrop {
630
- --tw-border-spacing-x: 0;
631
- --tw-border-spacing-y: 0;
632
- --tw-translate-x: 0;
633
- --tw-translate-y: 0;
634
- --tw-rotate: 0;
635
- --tw-skew-x: 0;
636
- --tw-skew-y: 0;
637
- --tw-scale-x: 1;
638
- --tw-scale-y: 1;
639
- --tw-pan-x: ;
640
- --tw-pan-y: ;
641
- --tw-pinch-zoom: ;
642
- --tw-scroll-snap-strictness: proximity;
643
- --tw-ordinal: ;
644
- --tw-slashed-zero: ;
645
- --tw-numeric-figure: ;
646
- --tw-numeric-spacing: ;
647
- --tw-numeric-fraction: ;
648
- --tw-ring-inset: ;
649
- --tw-ring-offset-width: 0px;
650
- --tw-ring-offset-color: #fff;
651
- --tw-ring-color: rgb(59 130 246 / 0.5);
652
- --tw-ring-offset-shadow: 0 0 #0000;
653
- --tw-ring-shadow: 0 0 #0000;
654
- --tw-shadow: 0 0 #0000;
655
- --tw-shadow-colored: 0 0 #0000;
656
- --tw-blur: ;
657
- --tw-brightness: ;
658
- --tw-contrast: ;
659
- --tw-grayscale: ;
660
- --tw-hue-rotate: ;
661
- --tw-invert: ;
662
- --tw-saturate: ;
663
- --tw-sepia: ;
664
- --tw-drop-shadow: ;
665
- --tw-backdrop-blur: ;
666
- --tw-backdrop-brightness: ;
667
- --tw-backdrop-contrast: ;
668
- --tw-backdrop-grayscale: ;
669
- --tw-backdrop-hue-rotate: ;
670
- --tw-backdrop-invert: ;
671
- --tw-backdrop-opacity: ;
672
- --tw-backdrop-saturate: ;
673
- --tw-backdrop-sepia: ;
674
- }
675
-
676
- ::backdrop {
677
- --tw-border-spacing-x: 0;
678
- --tw-border-spacing-y: 0;
679
- --tw-translate-x: 0;
680
- --tw-translate-y: 0;
681
- --tw-rotate: 0;
682
- --tw-skew-x: 0;
683
- --tw-skew-y: 0;
684
- --tw-scale-x: 1;
685
- --tw-scale-y: 1;
686
- --tw-pan-x: ;
687
- --tw-pan-y: ;
688
- --tw-pinch-zoom: ;
689
- --tw-scroll-snap-strictness: proximity;
690
- --tw-ordinal: ;
691
- --tw-slashed-zero: ;
692
- --tw-numeric-figure: ;
693
- --tw-numeric-spacing: ;
694
- --tw-numeric-fraction: ;
695
- --tw-ring-inset: ;
696
- --tw-ring-offset-width: 0px;
697
- --tw-ring-offset-color: #fff;
698
- --tw-ring-color: rgb(59 130 246 / 0.5);
699
- --tw-ring-offset-shadow: 0 0 #0000;
700
- --tw-ring-shadow: 0 0 #0000;
701
- --tw-shadow: 0 0 #0000;
702
- --tw-shadow-colored: 0 0 #0000;
703
- --tw-blur: ;
704
- --tw-brightness: ;
705
- --tw-contrast: ;
706
- --tw-grayscale: ;
707
- --tw-hue-rotate: ;
708
- --tw-invert: ;
709
- --tw-saturate: ;
710
- --tw-sepia: ;
711
- --tw-drop-shadow: ;
712
- --tw-backdrop-blur: ;
713
- --tw-backdrop-brightness: ;
714
- --tw-backdrop-contrast: ;
715
- --tw-backdrop-grayscale: ;
716
- --tw-backdrop-hue-rotate: ;
717
- --tw-backdrop-invert: ;
718
- --tw-backdrop-opacity: ;
719
- --tw-backdrop-saturate: ;
720
- --tw-backdrop-sepia: ;
721
- }
722
-
723
- .ariadne-sr-only {
724
- position: absolute;
725
- width: 1px;
726
- height: 1px;
727
- padding: 0;
728
- margin: -1px;
729
- overflow: hidden;
730
- clip: rect(0, 0, 0, 0);
731
- white-space: nowrap;
732
- border-width: 0;
733
- }
734
-
735
- .ariadne-invisible {
736
- visibility: hidden;
737
- }
738
-
739
- .ariadne-absolute {
740
- position: absolute;
741
- }
742
-
743
- .ariadne-relative {
744
- position: relative;
745
- }
746
-
747
- .ariadne-sticky {
748
- position: -webkit-sticky;
749
- position: sticky;
750
- }
751
-
752
- .ariadne-right-0 {
753
- right: 0px;
754
- }
755
-
756
- .ariadne-top-0 {
757
- top: 0px;
758
- }
759
-
760
- .ariadne-z-10 {
761
- z-index: 10;
762
- }
763
-
764
- .ariadne-z-50 {
765
- z-index: 50;
766
- }
767
-
768
- .ariadne-m-10 {
769
- margin: 2.5rem;
770
- }
771
-
772
- .ariadne-mx-auto {
773
- margin-left: auto;
774
- margin-right: auto;
775
- }
776
-
777
- .ariadne--mx-1\.5 {
778
- margin-left: -0.375rem;
779
- margin-right: -0.375rem;
780
- }
781
-
782
- .ariadne--my-1\.5 {
783
- margin-top: -0.375rem;
784
- margin-bottom: -0.375rem;
785
- }
786
-
787
- .ariadne--mx-2 {
788
- margin-left: -0.5rem;
789
- margin-right: -0.5rem;
790
- }
791
-
792
- .ariadne--my-1 {
793
- margin-top: -0.25rem;
794
- margin-bottom: -0.25rem;
795
- }
796
-
797
- .ariadne--mx-1 {
798
- margin-left: -0.25rem;
799
- margin-right: -0.25rem;
800
- }
801
-
802
- .ariadne-mt-8 {
803
- margin-top: 2rem;
804
- }
805
-
806
- .ariadne-mt-2 {
807
- margin-top: 0.5rem;
808
- }
809
-
810
- .ariadne-ml-3 {
811
- margin-left: 0.75rem;
812
- }
813
-
814
- .ariadne-mt-4 {
815
- margin-top: 1rem;
816
- }
817
-
818
- .ariadne-mt-6 {
819
- margin-top: 1.5rem;
820
- }
821
-
822
- .ariadne--mb-8 {
823
- margin-bottom: -2rem;
824
- }
825
-
826
- .ariadne-ml-2 {
827
- margin-left: 0.5rem;
828
- }
829
-
830
- .ariadne--mr-1 {
831
- margin-right: -0.25rem;
832
- }
833
-
834
- .ariadne--mt-px {
835
- margin-top: -1px;
836
- }
837
-
838
- .ariadne--ml-px {
839
- margin-left: -1px;
840
- }
841
-
842
- .ariadne--mr-px {
843
- margin-right: -1px;
844
- }
845
-
846
- .ariadne-ml-4 {
847
- margin-left: 1rem;
848
- }
849
-
850
- .ariadne-block {
851
- display: block;
852
- }
853
-
854
- .ariadne-inline-block {
855
- display: inline-block;
856
- }
857
-
858
- .ariadne-flex {
859
- display: flex;
860
- }
861
-
862
- .ariadne-inline-flex {
863
- display: inline-flex;
864
- }
865
-
866
- .ariadne-flow-root {
867
- display: flow-root;
868
- }
869
-
870
- .ariadne-grid {
871
- display: grid;
872
- }
873
-
874
- .ariadne-hidden {
875
- display: none;
876
- }
877
-
878
- .ariadne-h-screen {
879
- height: 100vh;
880
- }
881
-
882
- .ariadne-h-16 {
883
- height: 4rem;
884
- }
885
-
886
- .ariadne-h-10 {
887
- height: 2.5rem;
888
- }
889
-
890
- .ariadne-h-full {
891
- height: 100%;
892
- }
893
-
894
- .ariadne-w-56 {
895
- width: 14rem;
896
- }
897
-
898
- .ariadne-w-0 {
899
- width: 0px;
900
- }
901
-
902
- .ariadne-w-auto {
903
- width: auto;
904
- }
905
-
906
- .ariadne-w-5 {
907
- width: 1.25rem;
908
- }
909
-
910
- .ariadne-w-full {
911
- width: 100%;
912
- }
913
-
914
- .ariadne-w-14 {
915
- width: 3.5rem;
916
- }
917
-
918
- .ariadne-w-1\/5 {
919
- width: 20%;
920
- }
921
-
922
- .ariadne-w-3\/5 {
923
- width: 60%;
924
- }
925
-
926
- .ariadne-min-w-full {
927
- min-width: 100%;
928
- }
929
-
930
- .ariadne-max-w-7xl {
931
- max-width: 80rem;
932
- }
933
-
934
- .ariadne-max-w-xs {
935
- max-width: 20rem;
936
- }
937
-
938
- .ariadne-flex-1 {
939
- flex: 1 1 0%;
940
- }
941
-
942
- .ariadne-flex-none {
943
- flex: none;
944
- }
945
-
946
- .ariadne-flex-initial {
947
- flex: 0 1 auto;
948
- }
949
-
950
- .ariadne-flex-shrink-0 {
951
- flex-shrink: 0;
952
- }
953
-
954
- .ariadne-flex-grow {
955
- flex-grow: 1;
956
- }
957
-
958
- .ariadne-origin-top-right {
959
- transform-origin: top right;
960
- }
961
-
962
- .ariadne-cursor-pointer {
963
- cursor: pointer;
964
- }
965
-
966
- .ariadne-list-none {
967
- list-style-type: none;
968
- }
969
-
970
- .ariadne-flex-col {
971
- flex-direction: column;
972
- }
973
-
974
- .ariadne-items-center {
975
- align-items: center;
976
- }
977
-
978
- .ariadne-items-baseline {
979
- align-items: baseline;
980
- }
981
-
982
- .ariadne-justify-end {
983
- justify-content: flex-end;
984
- }
985
-
986
- .ariadne-justify-center {
987
- justify-content: center;
988
- }
989
-
990
- .ariadne-justify-between {
991
- justify-content: space-between;
992
- }
993
-
994
- .ariadne-gap-6 {
995
- gap: 1.5rem;
996
- }
997
-
998
- .ariadne-gap-x-5 {
999
- -moz-column-gap: 1.25rem;
1000
- column-gap: 1.25rem;
1001
- }
1002
-
1003
- .ariadne--space-x-2 > :not([hidden]) ~ :not([hidden]) {
1004
- --tw-space-x-reverse: 0;
1005
- margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
1006
- margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
1007
- }
1008
-
1009
- .ariadne-space-y-8 > :not([hidden]) ~ :not([hidden]) {
1010
- --tw-space-y-reverse: 0;
1011
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1012
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1013
- }
1014
-
1015
- .ariadne-divide-y > :not([hidden]) ~ :not([hidden]) {
1016
- --tw-divide-y-reverse: 0;
1017
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1018
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1019
- }
1020
-
1021
- .ariadne-divide-x > :not([hidden]) ~ :not([hidden]) {
1022
- --tw-divide-x-reverse: 0;
1023
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
1024
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1025
- }
1026
-
1027
- .ariadne-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1028
- --tw-divide-opacity: 1;
1029
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1030
- }
1031
-
1032
- .ariadne-divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1033
- --tw-divide-opacity: 1;
1034
- border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1035
- }
1036
-
1037
- .ariadne-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1038
- --tw-divide-opacity: 1;
1039
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1040
- }
1041
-
1042
- .ariadne-overflow-hidden {
1043
- overflow: hidden;
1044
- }
1045
-
1046
- .ariadne-scroll-smooth {
1047
- scroll-behavior: smooth;
1048
- }
1049
-
1050
- .ariadne-whitespace-nowrap {
1051
- white-space: nowrap;
1052
- }
1053
-
1054
- .ariadne-rounded-full {
1055
- border-radius: 9999px;
1056
- }
1057
-
1058
- .ariadne-rounded {
1059
- border-radius: 0.25rem;
1060
- }
1061
-
1062
- .ariadne-rounded-md {
1063
- border-radius: 0.375rem;
1064
- }
1065
-
1066
- .ariadne-rounded-lg {
1067
- border-radius: 0.5rem;
1068
- }
1069
-
1070
- .ariadne-rounded-l-md {
1071
- border-top-left-radius: 0.375rem;
1072
- border-bottom-left-radius: 0.375rem;
1073
- }
1074
-
1075
- .ariadne-rounded-r-md {
1076
- border-top-right-radius: 0.375rem;
1077
- border-bottom-right-radius: 0.375rem;
1078
- }
1079
-
1080
- .ariadne-border {
1081
- border-width: 1px;
1082
- }
1083
-
1084
- .ariadne-border-b-2 {
1085
- border-bottom-width: 2px;
1086
- }
1087
-
1088
- .ariadne-border-none {
1089
- border-style: none;
1090
- }
1091
-
1092
- .ariadne-border-purple-300 {
1093
- --tw-border-opacity: 1;
1094
- border-color: rgb(216 180 254 / var(--tw-border-opacity));
1095
- }
1096
-
1097
- .ariadne-border-blue-300 {
1098
- --tw-border-opacity: 1;
1099
- border-color: rgb(147 197 253 / var(--tw-border-opacity));
1100
- }
1101
-
1102
- .ariadne-border-green-300 {
1103
- --tw-border-opacity: 1;
1104
- border-color: rgb(134 239 172 / var(--tw-border-opacity));
1105
- }
1106
-
1107
- .ariadne-border-yellow-300 {
1108
- --tw-border-opacity: 1;
1109
- border-color: rgb(253 224 71 / var(--tw-border-opacity));
1110
- }
1111
-
1112
- .ariadne-border-red-300 {
1113
- --tw-border-opacity: 1;
1114
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1115
- }
1116
-
1117
- .ariadne-border-transparent {
1118
- border-color: transparent;
1119
- }
1120
-
1121
- .ariadne-border-gray-300 {
1122
- --tw-border-opacity: 1;
1123
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1124
- }
1125
-
1126
- .ariadne-border-indigo-500 {
1127
- --tw-border-opacity: 1;
1128
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
1129
- }
1130
-
1131
- .ariadne-border-black {
1132
- --tw-border-opacity: 1;
1133
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1134
- }
1135
-
1136
- .ariadne-bg-white {
1137
- --tw-bg-opacity: 1;
1138
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1139
- }
1140
-
1141
- .ariadne-bg-purple-50 {
1142
- --tw-bg-opacity: 1;
1143
- background-color: rgb(250 245 255 / var(--tw-bg-opacity));
1144
- }
1145
-
1146
- .ariadne-bg-blue-50 {
1147
- --tw-bg-opacity: 1;
1148
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1149
- }
1150
-
1151
- .ariadne-bg-green-50 {
1152
- --tw-bg-opacity: 1;
1153
- background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1154
- }
1155
-
1156
- .ariadne-bg-yellow-50 {
1157
- --tw-bg-opacity: 1;
1158
- background-color: rgb(254 252 232 / var(--tw-bg-opacity));
1159
- }
1160
-
1161
- .ariadne-bg-red-50 {
1162
- --tw-bg-opacity: 1;
1163
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1164
- }
1165
-
1166
- .ariadne-bg-slate-900 {
1167
- --tw-bg-opacity: 1;
1168
- background-color: rgb(15 23 42 / var(--tw-bg-opacity));
1169
- }
1170
-
1171
- .ariadne-bg-neutral-50 {
1172
- --tw-bg-opacity: 1;
1173
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1174
- }
1175
-
1176
- .ariadne-bg-gray-50 {
1177
- --tw-bg-opacity: 1;
1178
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1179
- }
1180
-
1181
- .ariadne-bg-indigo-50 {
1182
- --tw-bg-opacity: 1;
1183
- background-color: rgb(238 242 255 / var(--tw-bg-opacity));
1184
- }
1185
-
1186
- .ariadne-fill-state-closed {
1187
- fill: #da1e28;
1188
- }
1189
-
1190
- .ariadne-stroke-state-open {
1191
- stroke: #198038;
1192
- }
1193
-
1194
- .ariadne-stroke-state-closed {
1195
- stroke: #da1e28;
1196
- }
1197
-
1198
- .ariadne-p-1 {
1199
- padding: 0.25rem;
1200
- }
1201
-
1202
- .ariadne-p-4 {
1203
- padding: 1rem;
1204
- }
1205
-
1206
- .ariadne-p-1\.5 {
1207
- padding: 0.375rem;
1208
- }
1209
-
1210
- .ariadne-p-3 {
1211
- padding: 0.75rem;
1212
- }
1213
-
1214
- .ariadne-p-8 {
1215
- padding: 2rem;
1216
- }
1217
-
1218
- .ariadne-px-2\.5 {
1219
- padding-left: 0.625rem;
1220
- padding-right: 0.625rem;
1221
- }
1222
-
1223
- .ariadne-py-1\.5 {
1224
- padding-top: 0.375rem;
1225
- padding-bottom: 0.375rem;
1226
- }
1227
-
1228
- .ariadne-px-3 {
1229
- padding-left: 0.75rem;
1230
- padding-right: 0.75rem;
1231
- }
1232
-
1233
- .ariadne-py-2 {
1234
- padding-top: 0.5rem;
1235
- padding-bottom: 0.5rem;
1236
- }
1237
-
1238
- .ariadne-px-4 {
1239
- padding-left: 1rem;
1240
- padding-right: 1rem;
1241
- }
1242
-
1243
- .ariadne-px-6 {
1244
- padding-left: 1.5rem;
1245
- padding-right: 1.5rem;
1246
- }
1247
-
1248
- .ariadne-py-3 {
1249
- padding-top: 0.75rem;
1250
- padding-bottom: 0.75rem;
1251
- }
1252
-
1253
- .ariadne-py-12 {
1254
- padding-top: 3rem;
1255
- padding-bottom: 3rem;
1256
- }
1257
-
1258
- .ariadne-py-1 {
1259
- padding-top: 0.25rem;
1260
- padding-bottom: 0.25rem;
1261
- }
1262
-
1263
- .ariadne-px-2 {
1264
- padding-left: 0.5rem;
1265
- padding-right: 0.5rem;
1266
- }
1267
-
1268
- .ariadne-py-5 {
1269
- padding-top: 1.25rem;
1270
- padding-bottom: 1.25rem;
1271
- }
1272
-
1273
- .ariadne-px-5 {
1274
- padding-left: 1.25rem;
1275
- padding-right: 1.25rem;
1276
- }
1277
-
1278
- .ariadne-py-4 {
1279
- padding-top: 1rem;
1280
- padding-bottom: 1rem;
1281
- }
1282
-
1283
- .ariadne-px-1 {
1284
- padding-left: 0.25rem;
1285
- padding-right: 0.25rem;
1286
- }
1287
-
1288
- .ariadne-py-0\.5 {
1289
- padding-top: 0.125rem;
1290
- padding-bottom: 0.125rem;
1291
- }
1292
-
1293
- .ariadne-py-3\.5 {
1294
- padding-top: 0.875rem;
1295
- padding-bottom: 0.875rem;
1296
- }
1297
-
1298
- .ariadne-pl-3 {
1299
- padding-left: 0.75rem;
1300
- }
1301
-
1302
- .ariadne-pt-5 {
1303
- padding-top: 1.25rem;
1304
- }
1305
-
1306
- .ariadne-pl-2 {
1307
- padding-left: 0.5rem;
1308
- }
1309
-
1310
- .ariadne-pb-4 {
1311
- padding-bottom: 1rem;
1312
- }
1313
-
1314
- .ariadne-pt-6 {
1315
- padding-top: 1.5rem;
1316
- }
1317
-
1318
- .ariadne-pt-4 {
1319
- padding-top: 1rem;
1320
- }
1321
-
1322
- .ariadne-pb-2 {
1323
- padding-bottom: 0.5rem;
1324
- }
1325
-
1326
- .ariadne-pl-4 {
1327
- padding-left: 1rem;
1328
- }
1329
-
1330
- .ariadne-pr-3 {
1331
- padding-right: 0.75rem;
1332
- }
1333
-
1334
- .ariadne-text-left {
1335
- text-align: left;
1336
- }
1337
-
1338
- .ariadne-text-center {
1339
- text-align: center;
1340
- }
1341
-
1342
- .ariadne-text-right {
1343
- text-align: right;
1344
- }
1345
-
1346
- .ariadne-align-middle {
1347
- vertical-align: middle;
1348
- }
1349
-
1350
- .ariadne-text-xs {
1351
- font-size: 0.75rem;
1352
- line-height: 1rem;
1353
- }
1354
-
1355
- .ariadne-text-sm {
1356
- font-size: 0.875rem;
1357
- line-height: 1.25rem;
1358
- }
1359
-
1360
- .ariadne-text-base {
1361
- font-size: 1rem;
1362
- line-height: 1.5rem;
1363
- }
1364
-
1365
- .ariadne-text-3xl {
1366
- font-size: 1.875rem;
1367
- line-height: 2.25rem;
1368
- }
1369
-
1370
- .ariadne-text-2xl {
1371
- font-size: 1.5rem;
1372
- line-height: 2rem;
1373
- }
1374
-
1375
- .ariadne-text-lg {
1376
- font-size: 1.125rem;
1377
- line-height: 1.75rem;
1378
- }
1379
-
1380
- .ariadne-text-xl {
1381
- font-size: 1.25rem;
1382
- line-height: 1.75rem;
1383
- }
1384
-
1385
- .ariadne-font-medium {
1386
- font-weight: 500;
1387
- }
1388
-
1389
- .ariadne-font-extrabold {
1390
- font-weight: 800;
1391
- }
1392
-
1393
- .ariadne-font-semibold {
1394
- font-weight: 600;
1395
- }
1396
-
1397
- .ariadne-font-bold {
1398
- font-weight: 700;
1399
- }
1400
-
1401
- .ariadne-leading-4 {
1402
- line-height: 1rem;
1403
- }
1404
-
1405
- .ariadne-leading-7 {
1406
- line-height: 1.75rem;
1407
- }
1408
-
1409
- .ariadne-leading-5 {
1410
- line-height: 1.25rem;
1411
- }
1412
-
1413
- .ariadne-tracking-tight {
1414
- letter-spacing: -0.025em;
1415
- }
1416
-
1417
- .ariadne-text-gray-900 {
1418
- --tw-text-opacity: 1;
1419
- color: rgb(17 24 39 / var(--tw-text-opacity));
1420
- }
1421
-
1422
- .ariadne-text-purple-800 {
1423
- --tw-text-opacity: 1;
1424
- color: rgb(107 33 168 / var(--tw-text-opacity));
1425
- }
1426
-
1427
- .ariadne-text-blue-800 {
1428
- --tw-text-opacity: 1;
1429
- color: rgb(30 64 175 / var(--tw-text-opacity));
1430
- }
1431
-
1432
- .ariadne-text-green-800 {
1433
- --tw-text-opacity: 1;
1434
- color: rgb(22 101 52 / var(--tw-text-opacity));
1435
- }
1436
-
1437
- .ariadne-text-yellow-800 {
1438
- --tw-text-opacity: 1;
1439
- color: rgb(133 77 14 / var(--tw-text-opacity));
1440
- }
1441
-
1442
- .ariadne-text-red-800 {
1443
- --tw-text-opacity: 1;
1444
- color: rgb(153 27 27 / var(--tw-text-opacity));
1445
- }
1446
-
1447
- .ariadne-text-yellow-600 {
1448
- --tw-text-opacity: 1;
1449
- color: rgb(202 138 4 / var(--tw-text-opacity));
1450
- }
1451
-
1452
- .ariadne-text-white {
1453
- --tw-text-opacity: 1;
1454
- color: rgb(255 255 255 / var(--tw-text-opacity));
1455
- }
1456
-
1457
- .ariadne-text-green-600 {
1458
- --tw-text-opacity: 1;
1459
- color: rgb(22 163 74 / var(--tw-text-opacity));
1460
- }
1461
-
1462
- .ariadne-text-gray-500 {
1463
- --tw-text-opacity: 1;
1464
- color: rgb(107 114 128 / var(--tw-text-opacity));
1465
- }
1466
-
1467
- .ariadne-text-indigo-600 {
1468
- --tw-text-opacity: 1;
1469
- color: rgb(79 70 229 / var(--tw-text-opacity));
1470
- }
1471
-
1472
- .ariadne-text-gray-700 {
1473
- --tw-text-opacity: 1;
1474
- color: rgb(55 65 81 / var(--tw-text-opacity));
1475
- }
1476
-
1477
- .ariadne-text-red-500 {
1478
- --tw-text-opacity: 1;
1479
- color: rgb(239 68 68 / var(--tw-text-opacity));
1480
- }
1481
-
1482
- .ariadne-text-blue-700 {
1483
- --tw-text-opacity: 1;
1484
- color: rgb(29 78 216 / var(--tw-text-opacity));
1485
- }
1486
-
1487
- .ariadne-text-yellow-700 {
1488
- --tw-text-opacity: 1;
1489
- color: rgb(161 98 7 / var(--tw-text-opacity));
1490
- }
1491
-
1492
- .ariadne-text-red-700 {
1493
- --tw-text-opacity: 1;
1494
- color: rgb(185 28 28 / var(--tw-text-opacity));
1495
- }
1496
-
1497
- .ariadne-text-green-700 {
1498
- --tw-text-opacity: 1;
1499
- color: rgb(21 128 61 / var(--tw-text-opacity));
1500
- }
1501
-
1502
- .ariadne-text-blue-500 {
1503
- --tw-text-opacity: 1;
1504
- color: rgb(59 130 246 / var(--tw-text-opacity));
1505
- }
1506
-
1507
- .ariadne-text-slate-500 {
1508
- --tw-text-opacity: 1;
1509
- color: rgb(100 116 139 / var(--tw-text-opacity));
1510
- }
1511
-
1512
- .ariadne-text-black {
1513
- --tw-text-opacity: 1;
1514
- color: rgb(0 0 0 / var(--tw-text-opacity));
1515
- }
1516
-
1517
- .ariadne-text-green-500 {
1518
- --tw-text-opacity: 1;
1519
- color: rgb(34 197 94 / var(--tw-text-opacity));
1520
- }
1521
-
1522
- .ariadne-text-yellow-500 {
1523
- --tw-text-opacity: 1;
1524
- color: rgb(234 179 8 / var(--tw-text-opacity));
1525
- }
1526
-
1527
- .ariadne-text-billy-purple {
1528
- --tw-text-opacity: 1;
1529
- color: rgb(167 0 160 / var(--tw-text-opacity));
1530
- }
1531
-
1532
- .ariadne-text-gray-300 {
1533
- --tw-text-opacity: 1;
1534
- color: rgb(209 213 219 / var(--tw-text-opacity));
1535
- }
1536
-
1537
- .ariadne-underline {
1538
- -webkit-text-decoration-line: underline;
1539
- text-decoration-line: underline;
1540
- }
1541
-
1542
- .ariadne-decoration-double {
1543
- -webkit-text-decoration-style: double;
1544
- text-decoration-style: double;
1545
- }
1546
-
1547
- .ariadne-antialiased {
1548
- -webkit-font-smoothing: antialiased;
1549
- -moz-osx-font-smoothing: grayscale;
1550
- }
1551
-
1552
- .ariadne-shadow-sm {
1553
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1554
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1555
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1556
- }
1557
-
1558
- .ariadne-shadow {
1559
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1560
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1561
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1562
- }
1563
-
1564
- .ariadne-shadow-lg {
1565
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1566
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1567
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1568
- }
1569
-
1570
- .ariadne-ring-2 {
1571
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1572
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1573
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1574
- }
1575
-
1576
- .ariadne-ring-1 {
1577
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1578
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1579
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1580
- }
1581
-
1582
- .ariadne-ring-white {
1583
- --tw-ring-opacity: 1;
1584
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
1585
- }
1586
-
1587
- .ariadne-ring-black {
1588
- --tw-ring-opacity: 1;
1589
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1590
- }
1591
-
1592
- .ariadne-ring-opacity-5 {
1593
- --tw-ring-opacity: 0.05;
1594
- }
1595
-
1596
- .ariadne-transition {
1597
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1598
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1599
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1600
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1601
- transition-duration: 150ms;
1602
- }
1603
-
1604
- .ariadne-duration-500 {
1605
- transition-duration: 500ms;
1606
- }
1607
-
1608
- .ariadne-tooltip-arrow,
1609
- .ariadne-tooltip-arrow::before {
1610
- position: absolute;
1611
- width: 8px;
1612
- height: 8px;
1613
- background: inherit;
1614
- }
1615
-
1616
- .ariadne-tooltip-arrow {
1617
- visibility: hidden;
1618
- }
1619
-
1620
- tooltip[data-tooltip-show] .ariadne-tooltip-arrow::before {
1621
- visibility: visible;
1622
- content: '';
1623
- transform: rotate(45deg);
1624
- }
1625
-
1626
- tooltip[data-popper-placement^='top'][data-tooltip-show] > .ariadne-tooltip-arrow {
1627
- bottom: -4px;
1628
- }
1629
-
1630
- tooltip[data-popper-placement^='bottom'] > .ariadne-tooltip-arrow {
1631
- top: -4px;
1632
- }
1633
-
1634
- tooltip[data-popper-placement^='left'] > .ariadne-tooltip-arrow {
1635
- right: -4px;
1636
- }
1637
-
1638
- tooltip[data-popper-placement^='right'] > .ariadne-tooltip-arrow {
1639
- left: -4px;
1640
- }
1641
-
1642
- tooltip[data-tooltip-show] {
1643
- display: block;
1644
- }
1645
-
1646
- .ProseMirror {
1647
- position: relative;
1648
- word-wrap: break-word;
1649
- white-space: pre-wrap;
1650
- font-variant-ligatures: none;
1651
- }
1652
-
1653
- .ProseMirror pre {
1654
- white-space: pre-wrap;
1655
- }
1656
-
1657
- .ProseMirror li {
1658
- position: relative;
1659
- }
1660
-
1661
- .ProseMirror-hideselection *::-moz-selection {
1662
- background: transparent;
1663
- }
1664
-
1665
- .ProseMirror-hideselection *::selection {
1666
- background: transparent;
1667
- }
1668
-
1669
- .ProseMirror-hideselection *::-moz-selection {
1670
- background: transparent;
1671
- }
1672
-
1673
- .ProseMirror-hideselection {
1674
- caret-color: transparent;
1675
- }
1676
-
1677
- .ProseMirror-selectednode {
1678
- outline: 2px solid #8cf;
1679
- }
1680
-
1681
- /* Make sure li selections wrap around markers */
1682
-
1683
- li.ProseMirror-selectednode {
1684
- outline: none;
1685
- }
1686
-
1687
- li.ProseMirror-selectednode:after {
1688
- content: '';
1689
- position: absolute;
1690
- left: -32px;
1691
- right: -2px;
1692
- top: -2px;
1693
- bottom: -2px;
1694
- border: 2px solid #8cf;
1695
- pointer-events: none;
1696
- }
1697
-
1698
- .ProseMirror-textblock-dropdown {
1699
- min-width: 3em;
1700
- }
1701
-
1702
- .ProseMirror-menu {
1703
- margin: 0 -4px;
1704
- line-height: 1;
1705
- }
1706
-
1707
- .ProseMirror-tooltip .ProseMirror-menu {
1708
- width: -webkit-fit-content;
1709
- width: -moz-fit-content;
1710
- width: fit-content;
1711
- white-space: pre;
1712
- }
1713
-
1714
- .ProseMirror-menuitem {
1715
- margin-right: 3px;
1716
- display: inline-block;
1717
- }
1718
-
1719
- .ProseMirror-menuseparator {
1720
- border-right: 1px solid #ddd;
1721
- margin-right: 3px;
1722
- }
1723
-
1724
- .ProseMirror-menu-dropdown,
1725
- .ProseMirror-menu-dropdown-menu {
1726
- font-size: 90%;
1727
- white-space: nowrap;
1728
- }
1729
-
1730
- .ProseMirror-menu-dropdown {
1731
- vertical-align: 1px;
1732
- cursor: pointer;
1733
- position: relative;
1734
- padding-right: 15px;
1735
- }
1736
-
1737
- .ProseMirror-menu-dropdown-wrap {
1738
- padding: 1px 0 1px 4px;
1739
- display: inline-block;
1740
- position: relative;
1741
- }
1742
-
1743
- .ProseMirror-menu-dropdown:after {
1744
- content: '';
1745
- border-left: 4px solid transparent;
1746
- border-right: 4px solid transparent;
1747
- border-top: 4px solid currentColor;
1748
- opacity: 0.6;
1749
- position: absolute;
1750
- right: 4px;
1751
- top: calc(50% - 2px);
1752
- }
1753
-
1754
- .ProseMirror-menu-dropdown-menu,
1755
- .ProseMirror-menu-submenu {
1756
- position: absolute;
1757
- background: white;
1758
- color: #666;
1759
- border: 1px solid #aaa;
1760
- padding: 2px;
1761
- }
1762
-
1763
- .ProseMirror-menu-dropdown-menu {
1764
- z-index: 15;
1765
- min-width: 6em;
1766
- }
1767
-
1768
- .ProseMirror-menu-dropdown-item {
1769
- cursor: pointer;
1770
- padding: 2px 8px 2px 4px;
1771
- }
1772
-
1773
- .ProseMirror-menu-dropdown-item:hover {
1774
- background: #f2f2f2;
1775
- }
1776
-
1777
- .ProseMirror-menu-submenu-wrap {
1778
- position: relative;
1779
- margin-right: -4px;
1780
- }
1781
-
1782
- .ProseMirror-menu-submenu-label:after {
1783
- content: '';
1784
- border-top: 4px solid transparent;
1785
- border-bottom: 4px solid transparent;
1786
- border-left: 4px solid currentColor;
1787
- opacity: 0.6;
1788
- position: absolute;
1789
- right: 4px;
1790
- top: calc(50% - 4px);
1791
- }
1792
-
1793
- .ProseMirror-menu-submenu {
1794
- display: none;
1795
- min-width: 4em;
1796
- left: 100%;
1797
- top: -3px;
1798
- }
1799
-
1800
- .ProseMirror-menu-active {
1801
- background: #eee;
1802
- border-radius: 4px;
1803
- }
1804
-
1805
- .ProseMirror-menu-disabled {
1806
- opacity: 0.3;
1807
- }
1808
-
1809
- .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
1810
- .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
1811
- display: block;
1812
- }
1813
-
1814
- .ProseMirror-menubar {
1815
- border-top-left-radius: inherit;
1816
- border-top-right-radius: inherit;
1817
- position: relative;
1818
- min-height: 1em;
1819
- color: #666;
1820
- padding: 1px 6px;
1821
- top: 0;
1822
- left: 0;
1823
- right: 0;
1824
- border-bottom: 1px solid silver;
1825
- background: white;
1826
- z-index: 10;
1827
- box-sizing: border-box;
1828
- overflow: visible;
1829
- }
1830
-
1831
- .ProseMirror-icon {
1832
- display: inline-block;
1833
- line-height: 0.8;
1834
- vertical-align: -2px;
1835
- /* Compensate for padding */
1836
- padding: 2px 8px;
1837
- cursor: pointer;
1838
- }
1839
-
1840
- .ProseMirror-menu-disabled.ProseMirror-icon {
1841
- cursor: default;
1842
- }
1843
-
1844
- .ProseMirror-icon svg {
1845
- fill: currentColor;
1846
- height: 1em;
1847
- }
1848
-
1849
- .ProseMirror-icon span {
1850
- vertical-align: text-top;
1851
- }
1852
-
1853
- /* Add space around the hr to make clicking it easier */
1854
-
1855
- .ProseMirror-example-setup-style hr {
1856
- padding: 2px 10px;
1857
- border: none;
1858
- margin: 1em 0;
1859
- }
1860
-
1861
- .ProseMirror-example-setup-style hr:after {
1862
- content: '';
1863
- display: block;
1864
- height: 1px;
1865
- background-color: silver;
1866
- line-height: 2px;
1867
- }
1868
-
1869
- .ProseMirror ul,
1870
- .ProseMirror ol {
1871
- padding-left: 30px;
1872
- }
1873
-
1874
- .ProseMirror blockquote {
1875
- padding-left: 1em;
1876
- border-left: 3px solid #eee;
1877
- margin-left: 0;
1878
- margin-right: 0;
1879
- }
1880
-
1881
- .ProseMirror-example-setup-style img {
1882
- cursor: default;
1883
- }
1884
-
1885
- .ProseMirror-prompt {
1886
- background: white;
1887
- padding: 5px 10px 5px 15px;
1888
- border: 1px solid silver;
1889
- position: fixed;
1890
- border-radius: 3px;
1891
- z-index: 11;
1892
- box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
1893
- }
1894
-
1895
- .ProseMirror-prompt h5 {
1896
- margin: 0;
1897
- font-weight: normal;
1898
- font-size: 100%;
1899
- color: #444;
1900
- }
1901
-
1902
- .ProseMirror-prompt input[type='text'],
1903
- .ProseMirror-prompt textarea {
1904
- background: #eee;
1905
- border: none;
1906
- outline: none;
1907
- }
1908
-
1909
- .ProseMirror-prompt input[type='text'] {
1910
- padding: 0 4px;
1911
- }
1912
-
1913
- .ProseMirror-prompt-close {
1914
- position: absolute;
1915
- left: 2px;
1916
- top: 1px;
1917
- color: #666;
1918
- border: none;
1919
- background: transparent;
1920
- padding: 0;
1921
- }
1922
-
1923
- .ProseMirror-prompt-close:after {
1924
- content: '✕';
1925
- font-size: 12px;
1926
- }
1927
-
1928
- .ProseMirror-invalid {
1929
- background: #ffc;
1930
- border: 1px solid #cc7;
1931
- border-radius: 4px;
1932
- padding: 5px 10px;
1933
- position: absolute;
1934
- min-width: 10em;
1935
- }
1936
-
1937
- .ProseMirror-prompt-buttons {
1938
- margin-top: 5px;
1939
- display: none;
1940
- }
1941
-
1942
- :root {
1943
- --validation-color: #3dcde6;
1944
- --validation-color-hover: #3dcde624;
1945
- --validation-gray: #a0a0a0;
1946
- --validation-debug-color-dirty: #f7a85e66;
1947
- --validation-debug-color-inflight: #f7a85ea1;
1948
- }
1949
-
1950
- .Button {
1951
- padding: 1px 4px;
1952
- border: 1px solid lightgrey;
1953
- border-radius: 3px;
1954
- font-size: 16px;
1955
- cursor: pointer;
1956
- }
1957
-
1958
- .Button:hover {
1959
- background-color: #eee;
1960
- }
1961
-
1962
- .Input[type='checkbox'] {
1963
- margin-left: calc(var(--gutter-width));
1964
- }
1965
-
1966
- .Button:active,
1967
- .Button:focus {
1968
- outline: none;
1969
- }
1970
-
1971
- .ariadne__details-reset > summary {
1972
- list-style: none;
1973
- transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
1974
- transition-property: color, background-color, box-shadow, border-color;
1975
- }
1976
-
1977
- .ariadne__details-reset > summary:focus {
1978
- outline: 2px solid var(--color-accent-fg);
1979
- outline-offset: -2px;
1980
- box-shadow: none;
1981
- }
1982
-
1983
- .ariadne__details-reset > summary:focus:not(:focus-visible) {
1984
- outline: solid 1px transparent;
1985
- }
1986
-
1987
- .ariadne__details-reset > summary:focus-visible {
1988
- outline: 2px solid var(--color-accent-fg);
1989
- outline-offset: -2px;
1990
- box-shadow: none;
1991
- }
1992
-
1993
- .ariadne__details-reset > summary.btn-primary:focus {
1994
- outline: 2px solid var(--color-accent-fg);
1995
- outline-offset: -2px;
1996
- box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
1997
- }
1998
-
1999
- .ariadne__details-reset > summary.btn-primary:focus:not(:focus-visible) {
2000
- outline: solid 1px transparent;
2001
- box-shadow: none;
2002
- }
2003
-
2004
- .ariadne__details-reset > summary.btn-primary:focus-visible {
2005
- outline: 2px solid var(--color-accent-fg);
2006
- outline-offset: -2px;
2007
- box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
2008
- }
2009
-
2010
- .ariadne__details-reset > summary::before {
2011
- display: none;
2012
- }
2013
-
2014
- .ariadne__details-reset > summary::-webkit-details-marker {
2015
- display: none;
2016
- }
2017
-
2018
- .hover\:ariadne-border-gray-300:hover {
2019
- --tw-border-opacity: 1;
2020
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2021
- }
2022
-
2023
- .hover\:ariadne-bg-purple-100:hover {
2024
- --tw-bg-opacity: 1;
2025
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
2026
- }
2027
-
2028
- .hover\:ariadne-bg-blue-100:hover {
2029
- --tw-bg-opacity: 1;
2030
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2031
- }
2032
-
2033
- .hover\:ariadne-bg-green-100:hover {
2034
- --tw-bg-opacity: 1;
2035
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
2036
- }
2037
-
2038
- .hover\:ariadne-bg-yellow-100:hover {
2039
- --tw-bg-opacity: 1;
2040
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
2041
- }
2042
-
2043
- .hover\:ariadne-bg-red-100:hover {
2044
- --tw-bg-opacity: 1;
2045
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2046
- }
2047
-
2048
- .hover\:ariadne-bg-button-hover-color:hover {
2049
- --tw-bg-opacity: 1;
2050
- background-color: rgb(199 210 254 / var(--tw-bg-opacity));
2051
- }
2052
-
2053
- .hover\:ariadne-bg-gray-50:hover {
2054
- --tw-bg-opacity: 1;
2055
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2056
- }
2057
-
2058
- .hover\:ariadne-text-button-text-color:hover {
2059
- --tw-text-opacity: 1;
2060
- color: rgb(67 56 202 / var(--tw-text-opacity));
2061
- }
2062
-
2063
- .hover\:ariadne-text-gray-700:hover {
2064
- --tw-text-opacity: 1;
2065
- color: rgb(55 65 81 / var(--tw-text-opacity));
2066
- }
2067
-
2068
- .hover\:ariadne-text-gray-500:hover {
2069
- --tw-text-opacity: 1;
2070
- color: rgb(107 114 128 / var(--tw-text-opacity));
2071
- }
2072
-
2073
- .focus\:ariadne-z-20:focus {
2074
- z-index: 20;
2075
- }
2076
-
2077
- .focus\:ariadne-outline-none:focus {
2078
- outline: 2px solid transparent;
2079
- outline-offset: 2px;
2080
- }
2081
-
2082
- .focus\:ariadne-ring-2:focus {
2083
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2084
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2085
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2086
- }
2087
-
2088
- .focus\:ariadne-ring-purple-500:focus {
2089
- --tw-ring-opacity: 1;
2090
- --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
2091
- }
2092
-
2093
- .focus\:ariadne-ring-purple-600:focus {
2094
- --tw-ring-opacity: 1;
2095
- --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
2096
- }
2097
-
2098
- .focus\:ariadne-ring-blue-600:focus {
2099
- --tw-ring-opacity: 1;
2100
- --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
2101
- }
2102
-
2103
- .focus\:ariadne-ring-green-600:focus {
2104
- --tw-ring-opacity: 1;
2105
- --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
2106
- }
2107
-
2108
- .focus\:ariadne-ring-yellow-600:focus {
2109
- --tw-ring-opacity: 1;
2110
- --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
2111
- }
2112
-
2113
- .focus\:ariadne-ring-red-600:focus {
2114
- --tw-ring-opacity: 1;
2115
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
2116
- }
2117
-
2118
- .focus\:ariadne-ring-offset-2:focus {
2119
- --tw-ring-offset-width: 2px;
2120
- }
2121
-
2122
- .focus\:ariadne-ring-offset-purple-50:focus {
2123
- --tw-ring-offset-color: #faf5ff;
2124
- }
2125
-
2126
- .focus\:ariadne-ring-offset-blue-50:focus {
2127
- --tw-ring-offset-color: #eff6ff;
2128
- }
2129
-
2130
- .focus\:ariadne-ring-offset-green-50:focus {
2131
- --tw-ring-offset-color: #f0fdf4;
2132
- }
2133
-
2134
- .focus\:ariadne-ring-offset-yellow-50:focus {
2135
- --tw-ring-offset-color: #fefce8;
2136
- }
2137
-
2138
- .focus\:ariadne-ring-offset-red-50:focus {
2139
- --tw-ring-offset-color: #fef2f2;
2140
- }
2141
-
2142
- .focus-visible\:ariadne-outline-2:focus-visible {
2143
- outline-width: 2px;
2144
- }
2145
-
2146
- @media (min-width: 640px) {
2147
- .sm\:ariadne-mt-0 {
2148
- margin-top: 0px;
2149
- }
2150
-
2151
- .sm\:ariadne-grid-cols-2 {
2152
- grid-template-columns: repeat(2, minmax(0, 1fr));
2153
- }
2154
-
2155
- .sm\:ariadne-space-y-5 > :not([hidden]) ~ :not([hidden]) {
2156
- --tw-space-y-reverse: 0;
2157
- margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
2158
- margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
2159
- }
2160
-
2161
- .sm\:ariadne-px-6 {
2162
- padding-left: 1.5rem;
2163
- padding-right: 1.5rem;
2164
- }
2165
-
2166
- .sm\:ariadne-pl-6 {
2167
- padding-left: 1.5rem;
2168
- }
2169
-
2170
- .sm\:ariadne-text-4xl {
2171
- font-size: 2.25rem;
2172
- line-height: 2.5rem;
2173
- }
2174
-
2175
- .sm\:ariadne-text-3xl {
2176
- font-size: 1.875rem;
2177
- line-height: 2.25rem;
2178
- }
2179
- }
2180
-
2181
- @media (min-width: 768px) {
2182
- .md\:ariadne-block {
2183
- display: block;
2184
- }
2185
-
2186
- .md\:ariadne-flex {
2187
- display: flex;
2188
- }
2189
-
2190
- .md\:ariadne-flex-1 {
2191
- flex: 1 1 0%;
2192
- }
2193
-
2194
- .md\:ariadne-gap-x-12 {
2195
- -moz-column-gap: 3rem;
2196
- column-gap: 3rem;
2197
- }
2198
-
2199
- .md\:ariadne-gap-x-6 {
2200
- -moz-column-gap: 1.5rem;
2201
- column-gap: 1.5rem;
2202
- }
2203
-
2204
- .md\:ariadne-gap-x-8 {
2205
- -moz-column-gap: 2rem;
2206
- column-gap: 2rem;
2207
- }
2208
-
2209
- .md\:ariadne-divide-y-0 > :not([hidden]) ~ :not([hidden]) {
2210
- --tw-divide-y-reverse: 0;
2211
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
2212
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
2213
- }
2214
-
2215
- .md\:ariadne-rounded-lg {
2216
- border-radius: 0.5rem;
2217
- }
2218
-
2219
- .md\:ariadne-px-6 {
2220
- padding-left: 1.5rem;
2221
- padding-right: 1.5rem;
2222
- }
2223
-
2224
- .md\:ariadne-pl-0 {
2225
- padding-left: 0px;
2226
- }
2227
- }
2228
-
2229
- @media (min-width: 1024px) {
2230
- .lg\:ariadne-grid-cols-3 {
2231
- grid-template-columns: repeat(3, minmax(0, 1fr));
2232
- }
2233
-
2234
- .lg\:ariadne-py-16 {
2235
- padding-top: 4rem;
2236
- padding-bottom: 4rem;
2237
- }
2238
-
2239
- .lg\:ariadne-px-8 {
2240
- padding-left: 2rem;
2241
- padding-right: 2rem;
2242
- }
2243
- }