ariadne_view_components 0.0.16 → 0.0.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/ariadne_view_components.js +1 -1
  3. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  4. data/app/components/ariadne/comment_component.html.erb +31 -37
  5. data/app/components/ariadne/comment_component.rb +9 -7
  6. data/app/components/ariadne/details_component.rb +1 -1
  7. data/app/components/ariadne/rich-text-area-component.ts +2 -2
  8. data/app/components/ariadne/tab_container_component.erb +1 -3
  9. data/app/lib/ariadne/action_view_extensions/form_helper.rb +1 -1
  10. data/lib/ariadne/view_components/version.rb +1 -1
  11. data/static/arguments.yml +2 -2
  12. data/static/classes.yml +4 -8
  13. data/static/constants.json +6 -5
  14. metadata +6 -41
  15. data/app/assets/builds/ariadne_view_components.css +0 -2355
  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/comment-component.d.ts +0 -0
  27. data/app/components/ariadne/comment-component.js +0 -33
  28. data/app/components/ariadne/comment-component.ts +0 -37
  29. data/app/components/ariadne/rich-text-area-component.d.ts +0 -4
  30. data/app/components/ariadne/rich-text-area-component.js +0 -27
  31. data/app/components/ariadne/slideover-component.d.ts +0 -9
  32. data/app/components/ariadne/slideover-component.js +0 -20
  33. data/app/components/ariadne/slideover_component.d.ts +0 -9
  34. data/app/components/ariadne/slideover_component.js +0 -19
  35. data/app/components/ariadne/tab-component.js +0 -1
  36. data/app/components/ariadne/tab-container-component copy.d.ts +0 -1
  37. data/app/components/ariadne/tab-container-component copy.js +0 -23
  38. data/app/components/ariadne/tab-container-component.d.ts +0 -1
  39. data/app/components/ariadne/tab-container-component.js +0 -23
  40. data/app/components/ariadne/tab-nav-component.d.ts +0 -9
  41. data/app/components/ariadne/tab-nav-component.js +0 -32
  42. data/app/components/ariadne/tabs-component.d.ts +0 -0
  43. data/app/components/ariadne/tabs-component.js +0 -1
  44. data/app/components/ariadne/time-ago-component.d.ts +0 -1
  45. data/app/components/ariadne/time-ago-component.js +0 -1
  46. data/app/components/ariadne/time_ago_component.d.ts +0 -1
  47. data/app/components/ariadne/time_ago_component.js +0 -1
  48. data/app/components/ariadne/tooltip-component.d.ts +0 -24
  49. data/app/components/ariadne/tooltip-component.js +0 -42
@@ -1,2355 +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-5 {
769
- margin: 1.25rem;
770
- }
771
-
772
- .ariadne-m-10 {
773
- margin: 2.5rem;
774
- }
775
-
776
- .ariadne-mx-auto {
777
- margin-left: auto;
778
- margin-right: auto;
779
- }
780
-
781
- .ariadne--mx-1\.5 {
782
- margin-left: -0.375rem;
783
- margin-right: -0.375rem;
784
- }
785
-
786
- .ariadne--my-1\.5 {
787
- margin-top: -0.375rem;
788
- margin-bottom: -0.375rem;
789
- }
790
-
791
- .ariadne--mx-2 {
792
- margin-left: -0.5rem;
793
- margin-right: -0.5rem;
794
- }
795
-
796
- .ariadne--my-1 {
797
- margin-top: -0.25rem;
798
- margin-bottom: -0.25rem;
799
- }
800
-
801
- .ariadne--mx-1 {
802
- margin-left: -0.25rem;
803
- margin-right: -0.25rem;
804
- }
805
-
806
- .ariadne-mt-8 {
807
- margin-top: 2rem;
808
- }
809
-
810
- .ariadne-mt-2 {
811
- margin-top: 0.5rem;
812
- }
813
-
814
- .ariadne-ml-3 {
815
- margin-left: 0.75rem;
816
- }
817
-
818
- .ariadne-mt-4 {
819
- margin-top: 1rem;
820
- }
821
-
822
- .ariadne-mt-6 {
823
- margin-top: 1.5rem;
824
- }
825
-
826
- .ariadne--mb-8 {
827
- margin-bottom: -2rem;
828
- }
829
-
830
- .ariadne-ml-2 {
831
- margin-left: 0.5rem;
832
- }
833
-
834
- .ariadne--mr-1 {
835
- margin-right: -0.25rem;
836
- }
837
-
838
- .ariadne--mt-px {
839
- margin-top: -1px;
840
- }
841
-
842
- .ariadne--ml-px {
843
- margin-left: -1px;
844
- }
845
-
846
- .ariadne--mr-px {
847
- margin-right: -1px;
848
- }
849
-
850
- .ariadne-ml-4 {
851
- margin-left: 1rem;
852
- }
853
-
854
- .ariadne-mt-1 {
855
- margin-top: 0.25rem;
856
- }
857
-
858
- .ariadne-block {
859
- display: block;
860
- }
861
-
862
- .ariadne-inline-block {
863
- display: inline-block;
864
- }
865
-
866
- .ariadne-flex {
867
- display: flex;
868
- }
869
-
870
- .ariadne-inline-flex {
871
- display: inline-flex;
872
- }
873
-
874
- .ariadne-flow-root {
875
- display: flow-root;
876
- }
877
-
878
- .ariadne-grid {
879
- display: grid;
880
- }
881
-
882
- .ariadne-hidden {
883
- display: none;
884
- }
885
-
886
- .ariadne-h-screen {
887
- height: 100vh;
888
- }
889
-
890
- .ariadne-h-16 {
891
- height: 4rem;
892
- }
893
-
894
- .ariadne-h-10 {
895
- height: 2.5rem;
896
- }
897
-
898
- .ariadne-h-full {
899
- height: 100%;
900
- }
901
-
902
- .ariadne-h-4 {
903
- height: 1rem;
904
- }
905
-
906
- .ariadne-w-56 {
907
- width: 14rem;
908
- }
909
-
910
- .ariadne-w-full {
911
- width: 100%;
912
- }
913
-
914
- .ariadne-w-0 {
915
- width: 0px;
916
- }
917
-
918
- .ariadne-w-auto {
919
- width: auto;
920
- }
921
-
922
- .ariadne-w-5 {
923
- width: 1.25rem;
924
- }
925
-
926
- .ariadne-w-14 {
927
- width: 3.5rem;
928
- }
929
-
930
- .ariadne-w-1\/5 {
931
- width: 20%;
932
- }
933
-
934
- .ariadne-w-3\/5 {
935
- width: 60%;
936
- }
937
-
938
- .ariadne-w-4 {
939
- width: 1rem;
940
- }
941
-
942
- .ariadne-min-w-full {
943
- min-width: 100%;
944
- }
945
-
946
- .ariadne-max-w-7xl {
947
- max-width: 80rem;
948
- }
949
-
950
- .ariadne-max-w-xs {
951
- max-width: 20rem;
952
- }
953
-
954
- .ariadne-max-w-2xl {
955
- max-width: 42rem;
956
- }
957
-
958
- .ariadne-flex-1 {
959
- flex: 1 1 0%;
960
- }
961
-
962
- .ariadne-flex-none {
963
- flex: none;
964
- }
965
-
966
- .ariadne-flex-initial {
967
- flex: 0 1 auto;
968
- }
969
-
970
- .ariadne-flex-shrink-0 {
971
- flex-shrink: 0;
972
- }
973
-
974
- .ariadne-flex-grow {
975
- flex-grow: 1;
976
- }
977
-
978
- .ariadne-origin-top-right {
979
- transform-origin: top right;
980
- }
981
-
982
- .ariadne-cursor-pointer {
983
- cursor: pointer;
984
- }
985
-
986
- .ariadne-resize-none {
987
- resize: none;
988
- }
989
-
990
- .ariadne-list-none {
991
- list-style-type: none;
992
- }
993
-
994
- .ariadne-appearance-none {
995
- -webkit-appearance: none;
996
- -moz-appearance: none;
997
- appearance: none;
998
- }
999
-
1000
- .ariadne-flex-col {
1001
- flex-direction: column;
1002
- }
1003
-
1004
- .ariadne-items-center {
1005
- align-items: center;
1006
- }
1007
-
1008
- .ariadne-items-baseline {
1009
- align-items: baseline;
1010
- }
1011
-
1012
- .ariadne-justify-end {
1013
- justify-content: flex-end;
1014
- }
1015
-
1016
- .ariadne-justify-center {
1017
- justify-content: center;
1018
- }
1019
-
1020
- .ariadne-justify-between {
1021
- justify-content: space-between;
1022
- }
1023
-
1024
- .ariadne-gap-6 {
1025
- gap: 1.5rem;
1026
- }
1027
-
1028
- .ariadne-gap-x-5 {
1029
- -moz-column-gap: 1.25rem;
1030
- column-gap: 1.25rem;
1031
- }
1032
-
1033
- .ariadne--space-x-2 > :not([hidden]) ~ :not([hidden]) {
1034
- --tw-space-x-reverse: 0;
1035
- margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
1036
- margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
1037
- }
1038
-
1039
- .ariadne-space-y-8 > :not([hidden]) ~ :not([hidden]) {
1040
- --tw-space-y-reverse: 0;
1041
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1042
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1043
- }
1044
-
1045
- .ariadne-space-y-6 > :not([hidden]) ~ :not([hidden]) {
1046
- --tw-space-y-reverse: 0;
1047
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1048
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1049
- }
1050
-
1051
- .ariadne-divide-y > :not([hidden]) ~ :not([hidden]) {
1052
- --tw-divide-y-reverse: 0;
1053
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1054
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1055
- }
1056
-
1057
- .ariadne-divide-x > :not([hidden]) ~ :not([hidden]) {
1058
- --tw-divide-x-reverse: 0;
1059
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
1060
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1061
- }
1062
-
1063
- .ariadne-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1064
- --tw-divide-opacity: 1;
1065
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1066
- }
1067
-
1068
- .ariadne-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1069
- --tw-divide-opacity: 1;
1070
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1071
- }
1072
-
1073
- .ariadne-divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1074
- --tw-divide-opacity: 1;
1075
- border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1076
- }
1077
-
1078
- .ariadne-overflow-hidden {
1079
- overflow: hidden;
1080
- }
1081
-
1082
- .ariadne-scroll-smooth {
1083
- scroll-behavior: smooth;
1084
- }
1085
-
1086
- .ariadne-whitespace-nowrap {
1087
- white-space: nowrap;
1088
- }
1089
-
1090
- .ariadne-rounded-full {
1091
- border-radius: 9999px;
1092
- }
1093
-
1094
- .ariadne-rounded {
1095
- border-radius: 0.25rem;
1096
- }
1097
-
1098
- .ariadne-rounded-md {
1099
- border-radius: 0.375rem;
1100
- }
1101
-
1102
- .ariadne-rounded-lg {
1103
- border-radius: 0.5rem;
1104
- }
1105
-
1106
- .ariadne-rounded-l-md {
1107
- border-top-left-radius: 0.375rem;
1108
- border-bottom-left-radius: 0.375rem;
1109
- }
1110
-
1111
- .ariadne-rounded-r-md {
1112
- border-top-right-radius: 0.375rem;
1113
- border-bottom-right-radius: 0.375rem;
1114
- }
1115
-
1116
- .ariadne-border {
1117
- border-width: 1px;
1118
- }
1119
-
1120
- .ariadne-border-x {
1121
- border-left-width: 1px;
1122
- border-right-width: 1px;
1123
- }
1124
-
1125
- .ariadne-border-b {
1126
- border-bottom-width: 1px;
1127
- }
1128
-
1129
- .ariadne-border-b-2 {
1130
- border-bottom-width: 2px;
1131
- }
1132
-
1133
- .ariadne-border-none {
1134
- border-style: none;
1135
- }
1136
-
1137
- .ariadne-border-purple-300 {
1138
- --tw-border-opacity: 1;
1139
- border-color: rgb(216 180 254 / var(--tw-border-opacity));
1140
- }
1141
-
1142
- .ariadne-border-blue-300 {
1143
- --tw-border-opacity: 1;
1144
- border-color: rgb(147 197 253 / var(--tw-border-opacity));
1145
- }
1146
-
1147
- .ariadne-border-green-300 {
1148
- --tw-border-opacity: 1;
1149
- border-color: rgb(134 239 172 / var(--tw-border-opacity));
1150
- }
1151
-
1152
- .ariadne-border-yellow-300 {
1153
- --tw-border-opacity: 1;
1154
- border-color: rgb(253 224 71 / var(--tw-border-opacity));
1155
- }
1156
-
1157
- .ariadne-border-red-300 {
1158
- --tw-border-opacity: 1;
1159
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1160
- }
1161
-
1162
- .ariadne-border-transparent {
1163
- border-color: transparent;
1164
- }
1165
-
1166
- .ariadne-border-gray-300 {
1167
- --tw-border-opacity: 1;
1168
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1169
- }
1170
-
1171
- .ariadne-border-gray-200 {
1172
- --tw-border-opacity: 1;
1173
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1174
- }
1175
-
1176
- .ariadne-border-indigo-500 {
1177
- --tw-border-opacity: 1;
1178
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
1179
- }
1180
-
1181
- .ariadne-border-black {
1182
- --tw-border-opacity: 1;
1183
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1184
- }
1185
-
1186
- .ariadne-bg-white {
1187
- --tw-bg-opacity: 1;
1188
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1189
- }
1190
-
1191
- .ariadne-bg-purple-50 {
1192
- --tw-bg-opacity: 1;
1193
- background-color: rgb(250 245 255 / var(--tw-bg-opacity));
1194
- }
1195
-
1196
- .ariadne-bg-blue-50 {
1197
- --tw-bg-opacity: 1;
1198
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1199
- }
1200
-
1201
- .ariadne-bg-green-50 {
1202
- --tw-bg-opacity: 1;
1203
- background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1204
- }
1205
-
1206
- .ariadne-bg-yellow-50 {
1207
- --tw-bg-opacity: 1;
1208
- background-color: rgb(254 252 232 / var(--tw-bg-opacity));
1209
- }
1210
-
1211
- .ariadne-bg-red-50 {
1212
- --tw-bg-opacity: 1;
1213
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1214
- }
1215
-
1216
- .ariadne-bg-slate-900 {
1217
- --tw-bg-opacity: 1;
1218
- background-color: rgb(15 23 42 / var(--tw-bg-opacity));
1219
- }
1220
-
1221
- .ariadne-bg-gray-50 {
1222
- --tw-bg-opacity: 1;
1223
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1224
- }
1225
-
1226
- .ariadne-bg-indigo-50 {
1227
- --tw-bg-opacity: 1;
1228
- background-color: rgb(238 242 255 / var(--tw-bg-opacity));
1229
- }
1230
-
1231
- .ariadne-fill-state-closed {
1232
- fill: #da1e28;
1233
- }
1234
-
1235
- .ariadne-stroke-state-open {
1236
- stroke: #198038;
1237
- }
1238
-
1239
- .ariadne-stroke-state-closed {
1240
- stroke: #da1e28;
1241
- }
1242
-
1243
- .ariadne-p-1 {
1244
- padding: 0.25rem;
1245
- }
1246
-
1247
- .ariadne-p-4 {
1248
- padding: 1rem;
1249
- }
1250
-
1251
- .ariadne-p-1\.5 {
1252
- padding: 0.375rem;
1253
- }
1254
-
1255
- .ariadne-p-0 {
1256
- padding: 0px;
1257
- }
1258
-
1259
- .ariadne-p-8 {
1260
- padding: 2rem;
1261
- }
1262
-
1263
- .ariadne-px-2\.5 {
1264
- padding-left: 0.625rem;
1265
- padding-right: 0.625rem;
1266
- }
1267
-
1268
- .ariadne-py-1\.5 {
1269
- padding-top: 0.375rem;
1270
- padding-bottom: 0.375rem;
1271
- }
1272
-
1273
- .ariadne-px-3 {
1274
- padding-left: 0.75rem;
1275
- padding-right: 0.75rem;
1276
- }
1277
-
1278
- .ariadne-py-2 {
1279
- padding-top: 0.5rem;
1280
- padding-bottom: 0.5rem;
1281
- }
1282
-
1283
- .ariadne-px-4 {
1284
- padding-left: 1rem;
1285
- padding-right: 1rem;
1286
- }
1287
-
1288
- .ariadne-px-6 {
1289
- padding-left: 1.5rem;
1290
- padding-right: 1.5rem;
1291
- }
1292
-
1293
- .ariadne-py-3 {
1294
- padding-top: 0.75rem;
1295
- padding-bottom: 0.75rem;
1296
- }
1297
-
1298
- .ariadne-py-12 {
1299
- padding-top: 3rem;
1300
- padding-bottom: 3rem;
1301
- }
1302
-
1303
- .ariadne-py-1 {
1304
- padding-top: 0.25rem;
1305
- padding-bottom: 0.25rem;
1306
- }
1307
-
1308
- .ariadne-px-2 {
1309
- padding-left: 0.5rem;
1310
- padding-right: 0.5rem;
1311
- }
1312
-
1313
- .ariadne-py-5 {
1314
- padding-top: 1.25rem;
1315
- padding-bottom: 1.25rem;
1316
- }
1317
-
1318
- .ariadne-px-5 {
1319
- padding-left: 1.25rem;
1320
- padding-right: 1.25rem;
1321
- }
1322
-
1323
- .ariadne-py-4 {
1324
- padding-top: 1rem;
1325
- padding-bottom: 1rem;
1326
- }
1327
-
1328
- .ariadne-px-1 {
1329
- padding-left: 0.25rem;
1330
- padding-right: 0.25rem;
1331
- }
1332
-
1333
- .ariadne-py-0\.5 {
1334
- padding-top: 0.125rem;
1335
- padding-bottom: 0.125rem;
1336
- }
1337
-
1338
- .ariadne-py-3\.5 {
1339
- padding-top: 0.875rem;
1340
- padding-bottom: 0.875rem;
1341
- }
1342
-
1343
- .ariadne-pt-2 {
1344
- padding-top: 0.5rem;
1345
- }
1346
-
1347
- .ariadne-pl-3 {
1348
- padding-left: 0.75rem;
1349
- }
1350
-
1351
- .ariadne-pt-5 {
1352
- padding-top: 1.25rem;
1353
- }
1354
-
1355
- .ariadne-pl-2 {
1356
- padding-left: 0.5rem;
1357
- }
1358
-
1359
- .ariadne-pb-4 {
1360
- padding-bottom: 1rem;
1361
- }
1362
-
1363
- .ariadne-pt-6 {
1364
- padding-top: 1.5rem;
1365
- }
1366
-
1367
- .ariadne-pb-2 {
1368
- padding-bottom: 0.5rem;
1369
- }
1370
-
1371
- .ariadne-pl-4 {
1372
- padding-left: 1rem;
1373
- }
1374
-
1375
- .ariadne-pr-3 {
1376
- padding-right: 0.75rem;
1377
- }
1378
-
1379
- .ariadne-pt-4 {
1380
- padding-top: 1rem;
1381
- }
1382
-
1383
- .ariadne-pt-8 {
1384
- padding-top: 2rem;
1385
- }
1386
-
1387
- .ariadne-text-left {
1388
- text-align: left;
1389
- }
1390
-
1391
- .ariadne-text-center {
1392
- text-align: center;
1393
- }
1394
-
1395
- .ariadne-text-right {
1396
- text-align: right;
1397
- }
1398
-
1399
- .ariadne-align-middle {
1400
- vertical-align: middle;
1401
- }
1402
-
1403
- .ariadne-text-xs {
1404
- font-size: 0.75rem;
1405
- line-height: 1rem;
1406
- }
1407
-
1408
- .ariadne-text-sm {
1409
- font-size: 0.875rem;
1410
- line-height: 1.25rem;
1411
- }
1412
-
1413
- .ariadne-text-base {
1414
- font-size: 1rem;
1415
- line-height: 1.5rem;
1416
- }
1417
-
1418
- .ariadne-text-3xl {
1419
- font-size: 1.875rem;
1420
- line-height: 2.25rem;
1421
- }
1422
-
1423
- .ariadne-text-2xl {
1424
- font-size: 1.5rem;
1425
- line-height: 2rem;
1426
- }
1427
-
1428
- .ariadne-text-lg {
1429
- font-size: 1.125rem;
1430
- line-height: 1.75rem;
1431
- }
1432
-
1433
- .ariadne-text-xl {
1434
- font-size: 1.25rem;
1435
- line-height: 1.75rem;
1436
- }
1437
-
1438
- .ariadne-font-medium {
1439
- font-weight: 500;
1440
- }
1441
-
1442
- .ariadne-font-extrabold {
1443
- font-weight: 800;
1444
- }
1445
-
1446
- .ariadne-font-semibold {
1447
- font-weight: 600;
1448
- }
1449
-
1450
- .ariadne-font-bold {
1451
- font-weight: 700;
1452
- }
1453
-
1454
- .ariadne-leading-4 {
1455
- line-height: 1rem;
1456
- }
1457
-
1458
- .ariadne-leading-7 {
1459
- line-height: 1.75rem;
1460
- }
1461
-
1462
- .ariadne-leading-5 {
1463
- line-height: 1.25rem;
1464
- }
1465
-
1466
- .ariadne-leading-6 {
1467
- line-height: 1.5rem;
1468
- }
1469
-
1470
- .ariadne-tracking-tight {
1471
- letter-spacing: -0.025em;
1472
- }
1473
-
1474
- .ariadne-text-gray-900 {
1475
- --tw-text-opacity: 1;
1476
- color: rgb(17 24 39 / var(--tw-text-opacity));
1477
- }
1478
-
1479
- .ariadne-text-purple-800 {
1480
- --tw-text-opacity: 1;
1481
- color: rgb(107 33 168 / var(--tw-text-opacity));
1482
- }
1483
-
1484
- .ariadne-text-blue-800 {
1485
- --tw-text-opacity: 1;
1486
- color: rgb(30 64 175 / var(--tw-text-opacity));
1487
- }
1488
-
1489
- .ariadne-text-green-800 {
1490
- --tw-text-opacity: 1;
1491
- color: rgb(22 101 52 / var(--tw-text-opacity));
1492
- }
1493
-
1494
- .ariadne-text-yellow-800 {
1495
- --tw-text-opacity: 1;
1496
- color: rgb(133 77 14 / var(--tw-text-opacity));
1497
- }
1498
-
1499
- .ariadne-text-red-800 {
1500
- --tw-text-opacity: 1;
1501
- color: rgb(153 27 27 / var(--tw-text-opacity));
1502
- }
1503
-
1504
- .ariadne-text-yellow-600 {
1505
- --tw-text-opacity: 1;
1506
- color: rgb(202 138 4 / var(--tw-text-opacity));
1507
- }
1508
-
1509
- .ariadne-text-white {
1510
- --tw-text-opacity: 1;
1511
- color: rgb(255 255 255 / var(--tw-text-opacity));
1512
- }
1513
-
1514
- .ariadne-text-green-600 {
1515
- --tw-text-opacity: 1;
1516
- color: rgb(22 163 74 / var(--tw-text-opacity));
1517
- }
1518
-
1519
- .ariadne-text-gray-500 {
1520
- --tw-text-opacity: 1;
1521
- color: rgb(107 114 128 / var(--tw-text-opacity));
1522
- }
1523
-
1524
- .ariadne-text-indigo-600 {
1525
- --tw-text-opacity: 1;
1526
- color: rgb(79 70 229 / var(--tw-text-opacity));
1527
- }
1528
-
1529
- .ariadne-text-gray-700 {
1530
- --tw-text-opacity: 1;
1531
- color: rgb(55 65 81 / var(--tw-text-opacity));
1532
- }
1533
-
1534
- .ariadne-text-red-500 {
1535
- --tw-text-opacity: 1;
1536
- color: rgb(239 68 68 / var(--tw-text-opacity));
1537
- }
1538
-
1539
- .ariadne-text-blue-700 {
1540
- --tw-text-opacity: 1;
1541
- color: rgb(29 78 216 / var(--tw-text-opacity));
1542
- }
1543
-
1544
- .ariadne-text-yellow-700 {
1545
- --tw-text-opacity: 1;
1546
- color: rgb(161 98 7 / var(--tw-text-opacity));
1547
- }
1548
-
1549
- .ariadne-text-red-700 {
1550
- --tw-text-opacity: 1;
1551
- color: rgb(185 28 28 / var(--tw-text-opacity));
1552
- }
1553
-
1554
- .ariadne-text-green-700 {
1555
- --tw-text-opacity: 1;
1556
- color: rgb(21 128 61 / var(--tw-text-opacity));
1557
- }
1558
-
1559
- .ariadne-text-blue-500 {
1560
- --tw-text-opacity: 1;
1561
- color: rgb(59 130 246 / var(--tw-text-opacity));
1562
- }
1563
-
1564
- .ariadne-text-slate-500 {
1565
- --tw-text-opacity: 1;
1566
- color: rgb(100 116 139 / var(--tw-text-opacity));
1567
- }
1568
-
1569
- .ariadne-text-black {
1570
- --tw-text-opacity: 1;
1571
- color: rgb(0 0 0 / var(--tw-text-opacity));
1572
- }
1573
-
1574
- .ariadne-text-green-500 {
1575
- --tw-text-opacity: 1;
1576
- color: rgb(34 197 94 / var(--tw-text-opacity));
1577
- }
1578
-
1579
- .ariadne-text-yellow-500 {
1580
- --tw-text-opacity: 1;
1581
- color: rgb(234 179 8 / var(--tw-text-opacity));
1582
- }
1583
-
1584
- .ariadne-text-billy-purple {
1585
- --tw-text-opacity: 1;
1586
- color: rgb(167 0 160 / var(--tw-text-opacity));
1587
- }
1588
-
1589
- .ariadne-text-gray-300 {
1590
- --tw-text-opacity: 1;
1591
- color: rgb(209 213 219 / var(--tw-text-opacity));
1592
- }
1593
-
1594
- .ariadne-underline {
1595
- -webkit-text-decoration-line: underline;
1596
- text-decoration-line: underline;
1597
- }
1598
-
1599
- .ariadne-decoration-double {
1600
- -webkit-text-decoration-style: double;
1601
- text-decoration-style: double;
1602
- }
1603
-
1604
- .ariadne-antialiased {
1605
- -webkit-font-smoothing: antialiased;
1606
- -moz-osx-font-smoothing: grayscale;
1607
- }
1608
-
1609
- .ariadne-placeholder-gray-400::-moz-placeholder {
1610
- --tw-placeholder-opacity: 1;
1611
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1612
- }
1613
-
1614
- .ariadne-placeholder-gray-400::placeholder {
1615
- --tw-placeholder-opacity: 1;
1616
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1617
- }
1618
-
1619
- .ariadne-shadow-sm {
1620
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1621
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1622
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1623
- }
1624
-
1625
- .ariadne-shadow {
1626
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1627
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1628
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1629
- }
1630
-
1631
- .ariadne-shadow-lg {
1632
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1633
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1634
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1635
- }
1636
-
1637
- .ariadne-ring-2 {
1638
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1639
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1640
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1641
- }
1642
-
1643
- .ariadne-ring-1 {
1644
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1645
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1646
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1647
- }
1648
-
1649
- .ariadne-ring-white {
1650
- --tw-ring-opacity: 1;
1651
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
1652
- }
1653
-
1654
- .ariadne-ring-black {
1655
- --tw-ring-opacity: 1;
1656
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1657
- }
1658
-
1659
- .ariadne-ring-opacity-5 {
1660
- --tw-ring-opacity: 0.05;
1661
- }
1662
-
1663
- .ariadne-transition {
1664
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1665
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1666
- 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;
1667
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1668
- transition-duration: 150ms;
1669
- }
1670
-
1671
- .ariadne-duration-500 {
1672
- transition-duration: 500ms;
1673
- }
1674
-
1675
- .ariadne-tooltip-arrow,
1676
- .ariadne-tooltip-arrow::before {
1677
- position: absolute;
1678
- width: 8px;
1679
- height: 8px;
1680
- background: inherit;
1681
- }
1682
-
1683
- .ariadne-tooltip-arrow {
1684
- visibility: hidden;
1685
- }
1686
-
1687
- tooltip[data-tooltip-show] .ariadne-tooltip-arrow::before {
1688
- visibility: visible;
1689
- content: '';
1690
- transform: rotate(45deg);
1691
- }
1692
-
1693
- tooltip[data-popper-placement^='top'][data-tooltip-show] > .ariadne-tooltip-arrow {
1694
- bottom: -4px;
1695
- }
1696
-
1697
- tooltip[data-popper-placement^='bottom'] > .ariadne-tooltip-arrow {
1698
- top: -4px;
1699
- }
1700
-
1701
- tooltip[data-popper-placement^='left'] > .ariadne-tooltip-arrow {
1702
- right: -4px;
1703
- }
1704
-
1705
- tooltip[data-popper-placement^='right'] > .ariadne-tooltip-arrow {
1706
- left: -4px;
1707
- }
1708
-
1709
- tooltip[data-tooltip-show] {
1710
- display: block;
1711
- }
1712
-
1713
- .ProseMirror {
1714
- position: relative;
1715
- word-wrap: break-word;
1716
- white-space: pre-wrap;
1717
- font-variant-ligatures: none;
1718
- }
1719
-
1720
- .ProseMirror pre {
1721
- white-space: pre-wrap;
1722
- }
1723
-
1724
- .ProseMirror li {
1725
- position: relative;
1726
- }
1727
-
1728
- .ProseMirror-hideselection *::-moz-selection {
1729
- background: transparent;
1730
- }
1731
-
1732
- .ProseMirror-hideselection *::selection {
1733
- background: transparent;
1734
- }
1735
-
1736
- .ProseMirror-hideselection *::-moz-selection {
1737
- background: transparent;
1738
- }
1739
-
1740
- .ProseMirror-hideselection {
1741
- caret-color: transparent;
1742
- }
1743
-
1744
- .ProseMirror-selectednode {
1745
- outline: 2px solid #8cf;
1746
- }
1747
-
1748
- /* Make sure li selections wrap around markers */
1749
-
1750
- li.ProseMirror-selectednode {
1751
- outline: none;
1752
- }
1753
-
1754
- li.ProseMirror-selectednode:after {
1755
- content: '';
1756
- position: absolute;
1757
- left: -32px;
1758
- right: -2px;
1759
- top: -2px;
1760
- bottom: -2px;
1761
- border: 2px solid #8cf;
1762
- pointer-events: none;
1763
- }
1764
-
1765
- .ProseMirror-textblock-dropdown {
1766
- min-width: 3em;
1767
- }
1768
-
1769
- .ProseMirror-menu {
1770
- margin: 0 -4px;
1771
- line-height: 1;
1772
- }
1773
-
1774
- .ProseMirror-tooltip .ProseMirror-menu {
1775
- width: -webkit-fit-content;
1776
- width: -moz-fit-content;
1777
- width: fit-content;
1778
- white-space: pre;
1779
- }
1780
-
1781
- .ProseMirror-menuitem {
1782
- margin-right: 3px;
1783
- display: inline-block;
1784
- }
1785
-
1786
- .ProseMirror-menuseparator {
1787
- border-right: 1px solid #ddd;
1788
- margin-right: 3px;
1789
- }
1790
-
1791
- .ProseMirror-menu-dropdown,
1792
- .ProseMirror-menu-dropdown-menu {
1793
- font-size: 90%;
1794
- white-space: nowrap;
1795
- }
1796
-
1797
- .ProseMirror-menu-dropdown {
1798
- vertical-align: 1px;
1799
- cursor: pointer;
1800
- position: relative;
1801
- padding-right: 15px;
1802
- }
1803
-
1804
- .ProseMirror-menu-dropdown-wrap {
1805
- padding: 1px 0 1px 4px;
1806
- display: inline-block;
1807
- position: relative;
1808
- }
1809
-
1810
- .ProseMirror-menu-dropdown:after {
1811
- content: '';
1812
- border-left: 4px solid transparent;
1813
- border-right: 4px solid transparent;
1814
- border-top: 4px solid currentColor;
1815
- opacity: 0.6;
1816
- position: absolute;
1817
- right: 4px;
1818
- top: calc(50% - 2px);
1819
- }
1820
-
1821
- .ProseMirror-menu-dropdown-menu,
1822
- .ProseMirror-menu-submenu {
1823
- position: absolute;
1824
- background: white;
1825
- color: #666;
1826
- border: 1px solid #aaa;
1827
- padding: 2px;
1828
- }
1829
-
1830
- .ProseMirror-menu-dropdown-menu {
1831
- z-index: 15;
1832
- min-width: 6em;
1833
- }
1834
-
1835
- .ProseMirror-menu-dropdown-item {
1836
- cursor: pointer;
1837
- padding: 2px 8px 2px 4px;
1838
- }
1839
-
1840
- .ProseMirror-menu-dropdown-item:hover {
1841
- background: #f2f2f2;
1842
- }
1843
-
1844
- .ProseMirror-menu-submenu-wrap {
1845
- position: relative;
1846
- margin-right: -4px;
1847
- }
1848
-
1849
- .ProseMirror-menu-submenu-label:after {
1850
- content: '';
1851
- border-top: 4px solid transparent;
1852
- border-bottom: 4px solid transparent;
1853
- border-left: 4px solid currentColor;
1854
- opacity: 0.6;
1855
- position: absolute;
1856
- right: 4px;
1857
- top: calc(50% - 4px);
1858
- }
1859
-
1860
- .ProseMirror-menu-submenu {
1861
- display: none;
1862
- min-width: 4em;
1863
- left: 100%;
1864
- top: -3px;
1865
- }
1866
-
1867
- .ProseMirror-menu-active {
1868
- background: #eee;
1869
- border-radius: 4px;
1870
- }
1871
-
1872
- .ProseMirror-menu-disabled {
1873
- opacity: 0.3;
1874
- }
1875
-
1876
- .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
1877
- .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
1878
- display: block;
1879
- }
1880
-
1881
- .ProseMirror-menubar {
1882
- border-top-left-radius: inherit;
1883
- border-top-right-radius: inherit;
1884
- position: relative;
1885
- min-height: 1em;
1886
- color: #666;
1887
- padding: 1px 6px;
1888
- top: 0;
1889
- left: 0;
1890
- right: 0;
1891
- border-bottom: 1px solid silver;
1892
- background: white;
1893
- z-index: 10;
1894
- box-sizing: border-box;
1895
- overflow: visible;
1896
- }
1897
-
1898
- .ProseMirror-icon {
1899
- display: inline-block;
1900
- line-height: 0.8;
1901
- vertical-align: -2px;
1902
- /* Compensate for padding */
1903
- padding: 2px 8px;
1904
- cursor: pointer;
1905
- }
1906
-
1907
- .ProseMirror-menu-disabled.ProseMirror-icon {
1908
- cursor: default;
1909
- }
1910
-
1911
- .ProseMirror-icon svg {
1912
- fill: currentColor;
1913
- height: 1em;
1914
- }
1915
-
1916
- .ProseMirror-icon span {
1917
- vertical-align: text-top;
1918
- }
1919
-
1920
- /* Add space around the hr to make clicking it easier */
1921
-
1922
- .ProseMirror-example-setup-style hr {
1923
- padding: 2px 10px;
1924
- border: none;
1925
- margin: 1em 0;
1926
- }
1927
-
1928
- .ProseMirror-example-setup-style hr:after {
1929
- content: '';
1930
- display: block;
1931
- height: 1px;
1932
- background-color: silver;
1933
- line-height: 2px;
1934
- }
1935
-
1936
- .ProseMirror ul,
1937
- .ProseMirror ol {
1938
- padding-left: 30px;
1939
- }
1940
-
1941
- .ProseMirror blockquote {
1942
- padding-left: 1em;
1943
- border-left: 3px solid #eee;
1944
- margin-left: 0;
1945
- margin-right: 0;
1946
- }
1947
-
1948
- .ProseMirror-example-setup-style img {
1949
- cursor: default;
1950
- }
1951
-
1952
- .ProseMirror-prompt {
1953
- background: white;
1954
- padding: 5px 10px 5px 15px;
1955
- border: 1px solid silver;
1956
- position: fixed;
1957
- border-radius: 3px;
1958
- z-index: 11;
1959
- box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
1960
- }
1961
-
1962
- .ProseMirror-prompt h5 {
1963
- margin: 0;
1964
- font-weight: normal;
1965
- font-size: 100%;
1966
- color: #444;
1967
- }
1968
-
1969
- .ProseMirror-prompt input[type='text'],
1970
- .ProseMirror-prompt textarea {
1971
- background: #eee;
1972
- border: none;
1973
- outline: none;
1974
- }
1975
-
1976
- .ProseMirror-prompt input[type='text'] {
1977
- padding: 0 4px;
1978
- }
1979
-
1980
- .ProseMirror-prompt-close {
1981
- position: absolute;
1982
- left: 2px;
1983
- top: 1px;
1984
- color: #666;
1985
- border: none;
1986
- background: transparent;
1987
- padding: 0;
1988
- }
1989
-
1990
- .ProseMirror-prompt-close:after {
1991
- content: '✕';
1992
- font-size: 12px;
1993
- }
1994
-
1995
- .ProseMirror-invalid {
1996
- background: #ffc;
1997
- border: 1px solid #cc7;
1998
- border-radius: 4px;
1999
- padding: 5px 10px;
2000
- position: absolute;
2001
- min-width: 10em;
2002
- }
2003
-
2004
- .ProseMirror-prompt-buttons {
2005
- margin-top: 5px;
2006
- display: none;
2007
- }
2008
-
2009
- :root {
2010
- --validation-color: #3dcde6;
2011
- --validation-color-hover: #3dcde624;
2012
- --validation-gray: #a0a0a0;
2013
- --validation-debug-color-dirty: #f7a85e66;
2014
- --validation-debug-color-inflight: #f7a85ea1;
2015
- }
2016
-
2017
- .Button {
2018
- padding: 1px 4px;
2019
- border: 1px solid lightgrey;
2020
- border-radius: 3px;
2021
- font-size: 16px;
2022
- cursor: pointer;
2023
- }
2024
-
2025
- .Button:hover {
2026
- background-color: #eee;
2027
- }
2028
-
2029
- .Input[type='checkbox'] {
2030
- margin-left: calc(var(--gutter-width));
2031
- }
2032
-
2033
- .Button:active,
2034
- .Button:focus {
2035
- outline: none;
2036
- }
2037
-
2038
- .ariadne__details-reset > summary {
2039
- list-style: none;
2040
- transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
2041
- transition-property: color, background-color, box-shadow, border-color;
2042
- }
2043
-
2044
- .ariadne__details-reset > summary:focus {
2045
- outline: 2px solid var(--color-accent-fg);
2046
- outline-offset: -2px;
2047
- box-shadow: none;
2048
- }
2049
-
2050
- .ariadne__details-reset > summary:focus:not(:focus-visible) {
2051
- outline: solid 1px transparent;
2052
- }
2053
-
2054
- .ariadne__details-reset > summary:focus-visible {
2055
- outline: 2px solid var(--color-accent-fg);
2056
- outline-offset: -2px;
2057
- box-shadow: none;
2058
- }
2059
-
2060
- .ariadne__details-reset > summary.btn-primary:focus {
2061
- outline: 2px solid var(--color-accent-fg);
2062
- outline-offset: -2px;
2063
- box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
2064
- }
2065
-
2066
- .ariadne__details-reset > summary.btn-primary:focus:not(:focus-visible) {
2067
- outline: solid 1px transparent;
2068
- box-shadow: none;
2069
- }
2070
-
2071
- .ariadne__details-reset > summary.btn-primary:focus-visible {
2072
- outline: 2px solid var(--color-accent-fg);
2073
- outline-offset: -2px;
2074
- box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
2075
- }
2076
-
2077
- .ariadne__details-reset > summary::before {
2078
- display: none;
2079
- }
2080
-
2081
- .ariadne__details-reset > summary::-webkit-details-marker {
2082
- display: none;
2083
- }
2084
-
2085
- .focus-within\:ariadne-border-indigo-500:focus-within {
2086
- --tw-border-opacity: 1;
2087
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
2088
- }
2089
-
2090
- .focus-within\:ariadne-ring-1:focus-within {
2091
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2092
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2093
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2094
- }
2095
-
2096
- .focus-within\:ariadne-ring-indigo-500:focus-within {
2097
- --tw-ring-opacity: 1;
2098
- --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
2099
- }
2100
-
2101
- .hover\:ariadne-border-gray-300:hover {
2102
- --tw-border-opacity: 1;
2103
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2104
- }
2105
-
2106
- .hover\:ariadne-bg-purple-100:hover {
2107
- --tw-bg-opacity: 1;
2108
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
2109
- }
2110
-
2111
- .hover\:ariadne-bg-blue-100:hover {
2112
- --tw-bg-opacity: 1;
2113
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2114
- }
2115
-
2116
- .hover\:ariadne-bg-green-100:hover {
2117
- --tw-bg-opacity: 1;
2118
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
2119
- }
2120
-
2121
- .hover\:ariadne-bg-yellow-100:hover {
2122
- --tw-bg-opacity: 1;
2123
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
2124
- }
2125
-
2126
- .hover\:ariadne-bg-red-100:hover {
2127
- --tw-bg-opacity: 1;
2128
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2129
- }
2130
-
2131
- .hover\:ariadne-bg-button-hover-color:hover {
2132
- --tw-bg-opacity: 1;
2133
- background-color: rgb(199 210 254 / var(--tw-bg-opacity));
2134
- }
2135
-
2136
- .hover\:ariadne-bg-gray-50:hover {
2137
- --tw-bg-opacity: 1;
2138
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2139
- }
2140
-
2141
- .hover\:ariadne-text-button-text-color:hover {
2142
- --tw-text-opacity: 1;
2143
- color: rgb(67 56 202 / var(--tw-text-opacity));
2144
- }
2145
-
2146
- .hover\:ariadne-text-gray-700:hover {
2147
- --tw-text-opacity: 1;
2148
- color: rgb(55 65 81 / var(--tw-text-opacity));
2149
- }
2150
-
2151
- .hover\:ariadne-text-gray-500:hover {
2152
- --tw-text-opacity: 1;
2153
- color: rgb(107 114 128 / var(--tw-text-opacity));
2154
- }
2155
-
2156
- .focus\:ariadne-z-20:focus {
2157
- z-index: 20;
2158
- }
2159
-
2160
- .focus\:ariadne-border-indigo-500:focus {
2161
- --tw-border-opacity: 1;
2162
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
2163
- }
2164
-
2165
- .focus\:ariadne-outline-none:focus {
2166
- outline: 2px solid transparent;
2167
- outline-offset: 2px;
2168
- }
2169
-
2170
- .focus\:ariadne-ring-2:focus {
2171
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2172
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2173
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2174
- }
2175
-
2176
- .focus\:ariadne-ring-0:focus {
2177
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2178
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2179
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2180
- }
2181
-
2182
- .focus\:ariadne-ring-purple-500:focus {
2183
- --tw-ring-opacity: 1;
2184
- --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
2185
- }
2186
-
2187
- .focus\:ariadne-ring-purple-600:focus {
2188
- --tw-ring-opacity: 1;
2189
- --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
2190
- }
2191
-
2192
- .focus\:ariadne-ring-blue-600:focus {
2193
- --tw-ring-opacity: 1;
2194
- --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
2195
- }
2196
-
2197
- .focus\:ariadne-ring-green-600:focus {
2198
- --tw-ring-opacity: 1;
2199
- --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
2200
- }
2201
-
2202
- .focus\:ariadne-ring-yellow-600:focus {
2203
- --tw-ring-opacity: 1;
2204
- --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
2205
- }
2206
-
2207
- .focus\:ariadne-ring-red-600:focus {
2208
- --tw-ring-opacity: 1;
2209
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
2210
- }
2211
-
2212
- .focus\:ariadne-ring-indigo-500:focus {
2213
- --tw-ring-opacity: 1;
2214
- --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
2215
- }
2216
-
2217
- .focus\:ariadne-ring-offset-2:focus {
2218
- --tw-ring-offset-width: 2px;
2219
- }
2220
-
2221
- .focus\:ariadne-ring-offset-purple-50:focus {
2222
- --tw-ring-offset-color: #faf5ff;
2223
- }
2224
-
2225
- .focus\:ariadne-ring-offset-blue-50:focus {
2226
- --tw-ring-offset-color: #eff6ff;
2227
- }
2228
-
2229
- .focus\:ariadne-ring-offset-green-50:focus {
2230
- --tw-ring-offset-color: #f0fdf4;
2231
- }
2232
-
2233
- .focus\:ariadne-ring-offset-yellow-50:focus {
2234
- --tw-ring-offset-color: #fefce8;
2235
- }
2236
-
2237
- .focus\:ariadne-ring-offset-red-50:focus {
2238
- --tw-ring-offset-color: #fef2f2;
2239
- }
2240
-
2241
- .focus-visible\:ariadne-outline-2:focus-visible {
2242
- outline-width: 2px;
2243
- }
2244
-
2245
- @media (min-width: 640px) {
2246
- .sm\:ariadne-mt-0 {
2247
- margin-top: 0px;
2248
- }
2249
-
2250
- .sm\:ariadne-block {
2251
- display: block;
2252
- }
2253
-
2254
- .sm\:ariadne-grid-cols-2 {
2255
- grid-template-columns: repeat(2, minmax(0, 1fr));
2256
- }
2257
-
2258
- .sm\:ariadne-space-y-5 > :not([hidden]) ~ :not([hidden]) {
2259
- --tw-space-y-reverse: 0;
2260
- margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
2261
- margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
2262
- }
2263
-
2264
- .sm\:ariadne-px-6 {
2265
- padding-left: 1.5rem;
2266
- padding-right: 1.5rem;
2267
- }
2268
-
2269
- .sm\:ariadne-pl-6 {
2270
- padding-left: 1.5rem;
2271
- }
2272
-
2273
- .sm\:ariadne-pt-10 {
2274
- padding-top: 2.5rem;
2275
- }
2276
-
2277
- .sm\:ariadne-text-4xl {
2278
- font-size: 2.25rem;
2279
- line-height: 2.5rem;
2280
- }
2281
-
2282
- .sm\:ariadne-text-3xl {
2283
- font-size: 1.875rem;
2284
- line-height: 2.25rem;
2285
- }
2286
-
2287
- .sm\:ariadne-text-sm {
2288
- font-size: 0.875rem;
2289
- line-height: 1.25rem;
2290
- }
2291
- }
2292
-
2293
- @media (min-width: 768px) {
2294
- .md\:ariadne-block {
2295
- display: block;
2296
- }
2297
-
2298
- .md\:ariadne-flex {
2299
- display: flex;
2300
- }
2301
-
2302
- .md\:ariadne-flex-1 {
2303
- flex: 1 1 0%;
2304
- }
2305
-
2306
- .md\:ariadne-gap-x-12 {
2307
- -moz-column-gap: 3rem;
2308
- column-gap: 3rem;
2309
- }
2310
-
2311
- .md\:ariadne-gap-x-6 {
2312
- -moz-column-gap: 1.5rem;
2313
- column-gap: 1.5rem;
2314
- }
2315
-
2316
- .md\:ariadne-gap-x-8 {
2317
- -moz-column-gap: 2rem;
2318
- column-gap: 2rem;
2319
- }
2320
-
2321
- .md\:ariadne-divide-y-0 > :not([hidden]) ~ :not([hidden]) {
2322
- --tw-divide-y-reverse: 0;
2323
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
2324
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
2325
- }
2326
-
2327
- .md\:ariadne-rounded-lg {
2328
- border-radius: 0.5rem;
2329
- }
2330
-
2331
- .md\:ariadne-px-6 {
2332
- padding-left: 1.5rem;
2333
- padding-right: 1.5rem;
2334
- }
2335
-
2336
- .md\:ariadne-pl-0 {
2337
- padding-left: 0px;
2338
- }
2339
- }
2340
-
2341
- @media (min-width: 1024px) {
2342
- .lg\:ariadne-grid-cols-3 {
2343
- grid-template-columns: repeat(3, minmax(0, 1fr));
2344
- }
2345
-
2346
- .lg\:ariadne-py-16 {
2347
- padding-top: 4rem;
2348
- padding-bottom: 4rem;
2349
- }
2350
-
2351
- .lg\:ariadne-px-8 {
2352
- padding-left: 2rem;
2353
- padding-right: 2rem;
2354
- }
2355
- }