ariadne_view_components 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (67) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/builds/ariadne_view_components.css +1874 -0
  4. data/app/assets/javascripts/ariadne.d.ts +1 -0
  5. data/app/assets/javascripts/ariadne_view_components.js +1 -1
  6. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  7. data/app/assets/javascripts/clipboard-copy-component.d.ts +4 -0
  8. data/app/assets/javascripts/slideover-component.d.ts +9 -0
  9. data/app/assets/javascripts/time_ago_component.d.ts +1 -0
  10. data/app/assets/javascripts/tooltip-component.d.ts +24 -0
  11. data/app/assets/stylesheets/application.ariadne_view_components.css +5 -3
  12. data/app/assets/stylesheets/tooltip-component.css +37 -0
  13. data/app/components/ariadne/ariadne.d.ts +1 -0
  14. data/app/components/ariadne/ariadne.js +9 -0
  15. data/app/components/ariadne/ariadne.ts +3 -0
  16. data/app/components/ariadne/base_button.rb +9 -8
  17. data/app/components/ariadne/blankslate_component.rb +1 -1
  18. data/app/components/ariadne/body_component.rb +30 -0
  19. data/app/components/ariadne/button_component.rb +5 -10
  20. data/app/components/ariadne/clipboard-copy-component.d.ts +4 -0
  21. data/app/components/ariadne/clipboard-copy-component.js +18 -0
  22. data/app/components/ariadne/clipboard_copy_component.d.ts +4 -0
  23. data/app/components/ariadne/clipboard_copy_component.html.erb +2 -2
  24. data/app/components/ariadne/clipboard_copy_component.js +18 -0
  25. data/app/components/ariadne/clipboard_copy_component.rb +41 -3
  26. data/app/components/ariadne/comment_component.html.erb +25 -0
  27. data/app/components/ariadne/comment_component.rb +45 -0
  28. data/app/components/ariadne/component.rb +2 -1
  29. data/app/components/ariadne/container_component.rb +1 -1
  30. data/app/components/ariadne/flash_component.rb +1 -1
  31. data/app/components/ariadne/flex_component.rb +51 -0
  32. data/app/components/ariadne/grid_component.html.erb +12 -3
  33. data/app/components/ariadne/grid_component.rb +18 -7
  34. data/app/components/ariadne/header_component.rb +1 -1
  35. data/app/components/ariadne/heading_component.rb +2 -2
  36. data/app/components/ariadne/heroicon_component.html.erb +4 -6
  37. data/app/components/ariadne/heroicon_component.rb +18 -7
  38. data/app/components/ariadne/inline_flex_component.rb +11 -9
  39. data/app/components/ariadne/link_component.rb +13 -8
  40. data/app/components/ariadne/list_component.html.erb +5 -7
  41. data/app/components/ariadne/list_component.rb +4 -34
  42. data/app/components/ariadne/main_component.rb +32 -0
  43. data/app/components/ariadne/slideover-component.d.ts +9 -0
  44. data/app/components/ariadne/slideover-component.js +20 -0
  45. data/app/components/ariadne/slideover_component.d.ts +9 -0
  46. data/app/components/ariadne/slideover_component.html.erb +1 -4
  47. data/app/components/ariadne/slideover_component.js +19 -0
  48. data/app/components/ariadne/slideover_component.rb +19 -15
  49. data/app/components/ariadne/time_ago_component.d.ts +1 -0
  50. data/app/components/ariadne/time_ago_component.js +1 -0
  51. data/app/components/ariadne/tooltip-component.d.ts +24 -0
  52. data/app/components/ariadne/tooltip-component.js +42 -0
  53. data/app/components/ariadne/tooltip-component.ts +57 -0
  54. data/app/components/ariadne/tooltip_component.html.erb +4 -0
  55. data/app/components/ariadne/tooltip_component.rb +34 -31
  56. data/app/lib/ariadne/form_builder.rb +14 -14
  57. data/lib/ariadne/classify.rb +4 -98
  58. data/lib/ariadne/view_components/version.rb +1 -1
  59. data/lib/ariadne/view_components.rb +31 -29
  60. data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +2 -2
  61. data/lib/tasks/docs.rake +4 -0
  62. data/static/arguments.yml +89 -13
  63. data/static/audited_at.json +4 -0
  64. data/static/classes.yml +40 -8
  65. data/static/constants.json +83 -101
  66. data/static/statuses.json +4 -0
  67. metadata +48 -6
@@ -0,0 +1,1874 @@
1
+ /*
2
+ ! tailwindcss v3.1.4 | 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:-ms-input-placeholder, textarea:-ms-input-placeholder {
359
+ opacity: 1;
360
+ /* 1 */
361
+ color: #9ca3af;
362
+ /* 2 */
363
+ }
364
+
365
+ input::placeholder,
366
+ textarea::placeholder {
367
+ opacity: 1;
368
+ /* 1 */
369
+ color: #9ca3af;
370
+ /* 2 */
371
+ }
372
+
373
+ /*
374
+ Set the default cursor for buttons.
375
+ */
376
+
377
+ button,
378
+ [role="button"] {
379
+ cursor: pointer;
380
+ }
381
+
382
+ /*
383
+ Make sure disabled buttons don't get the pointer cursor.
384
+ */
385
+
386
+ :disabled {
387
+ cursor: default;
388
+ }
389
+
390
+ /*
391
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
392
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
393
+ This can trigger a poorly considered lint error in some tools but is included by design.
394
+ */
395
+
396
+ img,
397
+ svg,
398
+ video,
399
+ canvas,
400
+ audio,
401
+ iframe,
402
+ embed,
403
+ object {
404
+ display: block;
405
+ /* 1 */
406
+ vertical-align: middle;
407
+ /* 2 */
408
+ }
409
+
410
+ /*
411
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
412
+ */
413
+
414
+ img,
415
+ video {
416
+ max-width: 100%;
417
+ height: auto;
418
+ }
419
+
420
+ [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 {
421
+ -webkit-appearance: none;
422
+ -moz-appearance: none;
423
+ appearance: none;
424
+ background-color: #fff;
425
+ border-color: #6b7280;
426
+ border-width: 1px;
427
+ border-radius: 0px;
428
+ padding-top: 0.5rem;
429
+ padding-right: 0.75rem;
430
+ padding-bottom: 0.5rem;
431
+ padding-left: 0.75rem;
432
+ font-size: 1rem;
433
+ line-height: 1.5rem;
434
+ --tw-shadow: 0 0 #0000;
435
+ }
436
+
437
+ [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 {
438
+ outline: 2px solid transparent;
439
+ outline-offset: 2px;
440
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
441
+ --tw-ring-offset-width: 0px;
442
+ --tw-ring-offset-color: #fff;
443
+ --tw-ring-color: #2563eb;
444
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
445
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
446
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
447
+ border-color: #2563eb;
448
+ }
449
+
450
+ input::-moz-placeholder, textarea::-moz-placeholder {
451
+ color: #6b7280;
452
+ opacity: 1;
453
+ }
454
+
455
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
456
+ color: #6b7280;
457
+ opacity: 1;
458
+ }
459
+
460
+ input::placeholder,textarea::placeholder {
461
+ color: #6b7280;
462
+ opacity: 1;
463
+ }
464
+
465
+ ::-webkit-datetime-edit-fields-wrapper {
466
+ padding: 0;
467
+ }
468
+
469
+ ::-webkit-date-and-time-value {
470
+ min-height: 1.5em;
471
+ }
472
+
473
+ ::-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 {
474
+ padding-top: 0;
475
+ padding-bottom: 0;
476
+ }
477
+
478
+ select {
479
+ 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");
480
+ background-position: right 0.5rem center;
481
+ background-repeat: no-repeat;
482
+ background-size: 1.5em 1.5em;
483
+ padding-right: 2.5rem;
484
+ -webkit-print-color-adjust: exact;
485
+ color-adjust: exact;
486
+ print-color-adjust: exact;
487
+ }
488
+
489
+ [multiple] {
490
+ background-image: initial;
491
+ background-position: initial;
492
+ background-repeat: unset;
493
+ background-size: initial;
494
+ padding-right: 0.75rem;
495
+ -webkit-print-color-adjust: unset;
496
+ color-adjust: unset;
497
+ print-color-adjust: unset;
498
+ }
499
+
500
+ [type='checkbox'],[type='radio'] {
501
+ -webkit-appearance: none;
502
+ -moz-appearance: none;
503
+ appearance: none;
504
+ padding: 0;
505
+ -webkit-print-color-adjust: exact;
506
+ color-adjust: exact;
507
+ print-color-adjust: exact;
508
+ display: inline-block;
509
+ vertical-align: middle;
510
+ background-origin: border-box;
511
+ -webkit-user-select: none;
512
+ -moz-user-select: none;
513
+ -ms-user-select: none;
514
+ user-select: none;
515
+ flex-shrink: 0;
516
+ height: 1rem;
517
+ width: 1rem;
518
+ color: #2563eb;
519
+ background-color: #fff;
520
+ border-color: #6b7280;
521
+ border-width: 1px;
522
+ --tw-shadow: 0 0 #0000;
523
+ }
524
+
525
+ [type='checkbox'] {
526
+ border-radius: 0px;
527
+ }
528
+
529
+ [type='radio'] {
530
+ border-radius: 100%;
531
+ }
532
+
533
+ [type='checkbox']:focus,[type='radio']:focus {
534
+ outline: 2px solid transparent;
535
+ outline-offset: 2px;
536
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
537
+ --tw-ring-offset-width: 2px;
538
+ --tw-ring-offset-color: #fff;
539
+ --tw-ring-color: #2563eb;
540
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
541
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
542
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
543
+ }
544
+
545
+ [type='checkbox']:checked,[type='radio']:checked {
546
+ border-color: transparent;
547
+ background-color: currentColor;
548
+ background-size: 100% 100%;
549
+ background-position: center;
550
+ background-repeat: no-repeat;
551
+ }
552
+
553
+ [type='checkbox']:checked {
554
+ 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");
555
+ }
556
+
557
+ [type='radio']:checked {
558
+ 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");
559
+ }
560
+
561
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
562
+ border-color: transparent;
563
+ background-color: currentColor;
564
+ }
565
+
566
+ [type='checkbox']:indeterminate {
567
+ 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");
568
+ border-color: transparent;
569
+ background-color: currentColor;
570
+ background-size: 100% 100%;
571
+ background-position: center;
572
+ background-repeat: no-repeat;
573
+ }
574
+
575
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
576
+ border-color: transparent;
577
+ background-color: currentColor;
578
+ }
579
+
580
+ [type='file'] {
581
+ background: unset;
582
+ border-color: inherit;
583
+ border-width: 0;
584
+ border-radius: 0;
585
+ padding: 0;
586
+ font-size: unset;
587
+ line-height: inherit;
588
+ }
589
+
590
+ [type='file']:focus {
591
+ outline: 1px solid ButtonText;
592
+ outline: 1px auto -webkit-focus-ring-color;
593
+ }
594
+
595
+ *, ::before, ::after {
596
+ --tw-border-spacing-x: 0;
597
+ --tw-border-spacing-y: 0;
598
+ --tw-translate-x: 0;
599
+ --tw-translate-y: 0;
600
+ --tw-rotate: 0;
601
+ --tw-skew-x: 0;
602
+ --tw-skew-y: 0;
603
+ --tw-scale-x: 1;
604
+ --tw-scale-y: 1;
605
+ --tw-pan-x: ;
606
+ --tw-pan-y: ;
607
+ --tw-pinch-zoom: ;
608
+ --tw-scroll-snap-strictness: proximity;
609
+ --tw-ordinal: ;
610
+ --tw-slashed-zero: ;
611
+ --tw-numeric-figure: ;
612
+ --tw-numeric-spacing: ;
613
+ --tw-numeric-fraction: ;
614
+ --tw-ring-inset: ;
615
+ --tw-ring-offset-width: 0px;
616
+ --tw-ring-offset-color: #fff;
617
+ --tw-ring-color: rgb(59 130 246 / 0.5);
618
+ --tw-ring-offset-shadow: 0 0 #0000;
619
+ --tw-ring-shadow: 0 0 #0000;
620
+ --tw-shadow: 0 0 #0000;
621
+ --tw-shadow-colored: 0 0 #0000;
622
+ --tw-blur: ;
623
+ --tw-brightness: ;
624
+ --tw-contrast: ;
625
+ --tw-grayscale: ;
626
+ --tw-hue-rotate: ;
627
+ --tw-invert: ;
628
+ --tw-saturate: ;
629
+ --tw-sepia: ;
630
+ --tw-drop-shadow: ;
631
+ --tw-backdrop-blur: ;
632
+ --tw-backdrop-brightness: ;
633
+ --tw-backdrop-contrast: ;
634
+ --tw-backdrop-grayscale: ;
635
+ --tw-backdrop-hue-rotate: ;
636
+ --tw-backdrop-invert: ;
637
+ --tw-backdrop-opacity: ;
638
+ --tw-backdrop-saturate: ;
639
+ --tw-backdrop-sepia: ;
640
+ }
641
+
642
+ ::-webkit-backdrop {
643
+ --tw-border-spacing-x: 0;
644
+ --tw-border-spacing-y: 0;
645
+ --tw-translate-x: 0;
646
+ --tw-translate-y: 0;
647
+ --tw-rotate: 0;
648
+ --tw-skew-x: 0;
649
+ --tw-skew-y: 0;
650
+ --tw-scale-x: 1;
651
+ --tw-scale-y: 1;
652
+ --tw-pan-x: ;
653
+ --tw-pan-y: ;
654
+ --tw-pinch-zoom: ;
655
+ --tw-scroll-snap-strictness: proximity;
656
+ --tw-ordinal: ;
657
+ --tw-slashed-zero: ;
658
+ --tw-numeric-figure: ;
659
+ --tw-numeric-spacing: ;
660
+ --tw-numeric-fraction: ;
661
+ --tw-ring-inset: ;
662
+ --tw-ring-offset-width: 0px;
663
+ --tw-ring-offset-color: #fff;
664
+ --tw-ring-color: rgb(59 130 246 / 0.5);
665
+ --tw-ring-offset-shadow: 0 0 #0000;
666
+ --tw-ring-shadow: 0 0 #0000;
667
+ --tw-shadow: 0 0 #0000;
668
+ --tw-shadow-colored: 0 0 #0000;
669
+ --tw-blur: ;
670
+ --tw-brightness: ;
671
+ --tw-contrast: ;
672
+ --tw-grayscale: ;
673
+ --tw-hue-rotate: ;
674
+ --tw-invert: ;
675
+ --tw-saturate: ;
676
+ --tw-sepia: ;
677
+ --tw-drop-shadow: ;
678
+ --tw-backdrop-blur: ;
679
+ --tw-backdrop-brightness: ;
680
+ --tw-backdrop-contrast: ;
681
+ --tw-backdrop-grayscale: ;
682
+ --tw-backdrop-hue-rotate: ;
683
+ --tw-backdrop-invert: ;
684
+ --tw-backdrop-opacity: ;
685
+ --tw-backdrop-saturate: ;
686
+ --tw-backdrop-sepia: ;
687
+ }
688
+
689
+ ::backdrop {
690
+ --tw-border-spacing-x: 0;
691
+ --tw-border-spacing-y: 0;
692
+ --tw-translate-x: 0;
693
+ --tw-translate-y: 0;
694
+ --tw-rotate: 0;
695
+ --tw-skew-x: 0;
696
+ --tw-skew-y: 0;
697
+ --tw-scale-x: 1;
698
+ --tw-scale-y: 1;
699
+ --tw-pan-x: ;
700
+ --tw-pan-y: ;
701
+ --tw-pinch-zoom: ;
702
+ --tw-scroll-snap-strictness: proximity;
703
+ --tw-ordinal: ;
704
+ --tw-slashed-zero: ;
705
+ --tw-numeric-figure: ;
706
+ --tw-numeric-spacing: ;
707
+ --tw-numeric-fraction: ;
708
+ --tw-ring-inset: ;
709
+ --tw-ring-offset-width: 0px;
710
+ --tw-ring-offset-color: #fff;
711
+ --tw-ring-color: rgb(59 130 246 / 0.5);
712
+ --tw-ring-offset-shadow: 0 0 #0000;
713
+ --tw-ring-shadow: 0 0 #0000;
714
+ --tw-shadow: 0 0 #0000;
715
+ --tw-shadow-colored: 0 0 #0000;
716
+ --tw-blur: ;
717
+ --tw-brightness: ;
718
+ --tw-contrast: ;
719
+ --tw-grayscale: ;
720
+ --tw-hue-rotate: ;
721
+ --tw-invert: ;
722
+ --tw-saturate: ;
723
+ --tw-sepia: ;
724
+ --tw-drop-shadow: ;
725
+ --tw-backdrop-blur: ;
726
+ --tw-backdrop-brightness: ;
727
+ --tw-backdrop-contrast: ;
728
+ --tw-backdrop-grayscale: ;
729
+ --tw-backdrop-hue-rotate: ;
730
+ --tw-backdrop-invert: ;
731
+ --tw-backdrop-opacity: ;
732
+ --tw-backdrop-saturate: ;
733
+ --tw-backdrop-sepia: ;
734
+ }
735
+
736
+ .container {
737
+ width: 100%;
738
+ }
739
+
740
+ @media (min-width: 640px) {
741
+ .container {
742
+ max-width: 640px;
743
+ }
744
+ }
745
+
746
+ @media (min-width: 768px) {
747
+ .container {
748
+ max-width: 768px;
749
+ }
750
+ }
751
+
752
+ @media (min-width: 1024px) {
753
+ .container {
754
+ max-width: 1024px;
755
+ }
756
+ }
757
+
758
+ @media (min-width: 1280px) {
759
+ .container {
760
+ max-width: 1280px;
761
+ }
762
+ }
763
+
764
+ @media (min-width: 1536px) {
765
+ .container {
766
+ max-width: 1536px;
767
+ }
768
+ }
769
+
770
+ .sr-only {
771
+ position: absolute;
772
+ width: 1px;
773
+ height: 1px;
774
+ padding: 0;
775
+ margin: -1px;
776
+ overflow: hidden;
777
+ clip: rect(0, 0, 0, 0);
778
+ white-space: nowrap;
779
+ border-width: 0;
780
+ }
781
+
782
+ .invisible {
783
+ visibility: hidden;
784
+ }
785
+
786
+ .static {
787
+ position: static;
788
+ }
789
+
790
+ .fixed {
791
+ position: fixed;
792
+ }
793
+
794
+ .absolute {
795
+ position: absolute;
796
+ }
797
+
798
+ .relative {
799
+ position: relative;
800
+ }
801
+
802
+ .sticky {
803
+ position: -webkit-sticky;
804
+ position: sticky;
805
+ }
806
+
807
+ .top-0 {
808
+ top: 0px;
809
+ }
810
+
811
+ .z-10 {
812
+ z-index: 10;
813
+ }
814
+
815
+ .z-50 {
816
+ z-index: 50;
817
+ }
818
+
819
+ .z-max {
820
+ z-index: 9999;
821
+ }
822
+
823
+ .-m-0\.5 {
824
+ margin: -0.125rem;
825
+ }
826
+
827
+ .m-2 {
828
+ margin: 0.5rem;
829
+ }
830
+
831
+ .-m-0 {
832
+ margin: -0px;
833
+ }
834
+
835
+ .-mx-1\.5 {
836
+ margin-left: -0.375rem;
837
+ margin-right: -0.375rem;
838
+ }
839
+
840
+ .-mx-2 {
841
+ margin-left: -0.5rem;
842
+ margin-right: -0.5rem;
843
+ }
844
+
845
+ .-my-1\.5 {
846
+ margin-top: -0.375rem;
847
+ margin-bottom: -0.375rem;
848
+ }
849
+
850
+ .mx-auto {
851
+ margin-left: auto;
852
+ margin-right: auto;
853
+ }
854
+
855
+ .mx-px {
856
+ margin-left: 1px;
857
+ margin-right: 1px;
858
+ }
859
+
860
+ .my-4 {
861
+ margin-top: 1rem;
862
+ margin-bottom: 1rem;
863
+ }
864
+
865
+ .-my-1 {
866
+ margin-top: -0.25rem;
867
+ margin-bottom: -0.25rem;
868
+ }
869
+
870
+ .-mx-1 {
871
+ margin-left: -0.25rem;
872
+ margin-right: -0.25rem;
873
+ }
874
+
875
+ .-mb-8 {
876
+ margin-bottom: -2rem;
877
+ }
878
+
879
+ .-mr-px {
880
+ margin-right: -1px;
881
+ }
882
+
883
+ .ml-2 {
884
+ margin-left: 0.5rem;
885
+ }
886
+
887
+ .ml-3 {
888
+ margin-left: 0.75rem;
889
+ }
890
+
891
+ .mt-2 {
892
+ margin-top: 0.5rem;
893
+ }
894
+
895
+ .mt-4 {
896
+ margin-top: 1rem;
897
+ }
898
+
899
+ .mt-6 {
900
+ margin-top: 1.5rem;
901
+ }
902
+
903
+ .mt-8 {
904
+ margin-top: 2rem;
905
+ }
906
+
907
+ .mt-px {
908
+ margin-top: 1px;
909
+ }
910
+
911
+ .-mt-px {
912
+ margin-top: -1px;
913
+ }
914
+
915
+ .-ml-px {
916
+ margin-left: -1px;
917
+ }
918
+
919
+ .block {
920
+ display: block;
921
+ }
922
+
923
+ .inline-block {
924
+ display: inline-block;
925
+ }
926
+
927
+ .flex {
928
+ display: flex;
929
+ }
930
+
931
+ .inline-flex {
932
+ display: inline-flex;
933
+ }
934
+
935
+ .table {
936
+ display: table;
937
+ }
938
+
939
+ .flow-root {
940
+ display: flow-root;
941
+ }
942
+
943
+ .grid {
944
+ display: grid;
945
+ }
946
+
947
+ .hidden {
948
+ display: none;
949
+ }
950
+
951
+ .h-10 {
952
+ height: 2.5rem;
953
+ }
954
+
955
+ .h-full {
956
+ height: 100%;
957
+ }
958
+
959
+ .h-screen {
960
+ height: 100vh;
961
+ }
962
+
963
+ .min-h-screen {
964
+ min-height: 100vh;
965
+ }
966
+
967
+ .w-0 {
968
+ width: 0px;
969
+ }
970
+
971
+ .w-auto {
972
+ width: auto;
973
+ }
974
+
975
+ .w-full {
976
+ width: 100%;
977
+ }
978
+
979
+ .max-w-7xl {
980
+ max-width: 80rem;
981
+ }
982
+
983
+ .max-w-xs {
984
+ max-width: 20rem;
985
+ }
986
+
987
+ .flex-1 {
988
+ flex: 1 1 0%;
989
+ }
990
+
991
+ .flex-auto {
992
+ flex: 1 1 auto;
993
+ }
994
+
995
+ .flex-shrink-0 {
996
+ flex-shrink: 0;
997
+ }
998
+
999
+ .transform {
1000
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1001
+ }
1002
+
1003
+ .cursor-pointer {
1004
+ cursor: pointer;
1005
+ }
1006
+
1007
+ .resize {
1008
+ resize: both;
1009
+ }
1010
+
1011
+ .grid-cols-1 {
1012
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1013
+ }
1014
+
1015
+ .flex-col {
1016
+ flex-direction: column;
1017
+ }
1018
+
1019
+ .items-center {
1020
+ align-items: center;
1021
+ }
1022
+
1023
+ .items-baseline {
1024
+ align-items: baseline;
1025
+ }
1026
+
1027
+ .justify-end {
1028
+ justify-content: flex-end;
1029
+ }
1030
+
1031
+ .justify-center {
1032
+ justify-content: center;
1033
+ }
1034
+
1035
+ .justify-between {
1036
+ justify-content: space-between;
1037
+ }
1038
+
1039
+ .gap-6 {
1040
+ gap: 1.5rem;
1041
+ }
1042
+
1043
+ .gap-x-5 {
1044
+ -moz-column-gap: 1.25rem;
1045
+ column-gap: 1.25rem;
1046
+ }
1047
+
1048
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1049
+ --tw-divide-y-reverse: 0;
1050
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1051
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1052
+ }
1053
+
1054
+ .divide-x > :not([hidden]) ~ :not([hidden]) {
1055
+ --tw-divide-x-reverse: 0;
1056
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1057
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1058
+ }
1059
+
1060
+ .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1061
+ --tw-divide-opacity: 1;
1062
+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1063
+ }
1064
+
1065
+ .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1066
+ --tw-divide-opacity: 1;
1067
+ border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1068
+ }
1069
+
1070
+ .scroll-smooth {
1071
+ scroll-behavior: smooth;
1072
+ }
1073
+
1074
+ .whitespace-nowrap {
1075
+ white-space: nowrap;
1076
+ }
1077
+
1078
+ .rounded {
1079
+ border-radius: 0.25rem;
1080
+ }
1081
+
1082
+ .rounded-full {
1083
+ border-radius: 9999px;
1084
+ }
1085
+
1086
+ .rounded-lg {
1087
+ border-radius: 0.5rem;
1088
+ }
1089
+
1090
+ .rounded-md {
1091
+ border-radius: 0.375rem;
1092
+ }
1093
+
1094
+ .rounded-bl-lg {
1095
+ border-bottom-left-radius: 0.5rem;
1096
+ }
1097
+
1098
+ .border {
1099
+ border-width: 1px;
1100
+ }
1101
+
1102
+ .border-b {
1103
+ border-bottom-width: 1px;
1104
+ }
1105
+
1106
+ .border-billy-purple {
1107
+ --tw-border-opacity: 1;
1108
+ border-color: rgb(167 0 160 / var(--tw-border-opacity));
1109
+ }
1110
+
1111
+ .border-black {
1112
+ --tw-border-opacity: 1;
1113
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
1114
+ }
1115
+
1116
+ .border-blue-300 {
1117
+ --tw-border-opacity: 1;
1118
+ border-color: rgb(147 197 253 / var(--tw-border-opacity));
1119
+ }
1120
+
1121
+ .border-gray-300 {
1122
+ --tw-border-opacity: 1;
1123
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1124
+ }
1125
+
1126
+ .border-green-300 {
1127
+ --tw-border-opacity: 1;
1128
+ border-color: rgb(134 239 172 / var(--tw-border-opacity));
1129
+ }
1130
+
1131
+ .border-purple-300 {
1132
+ --tw-border-opacity: 1;
1133
+ border-color: rgb(216 180 254 / var(--tw-border-opacity));
1134
+ }
1135
+
1136
+ .border-red-300 {
1137
+ --tw-border-opacity: 1;
1138
+ border-color: rgb(252 165 165 / var(--tw-border-opacity));
1139
+ }
1140
+
1141
+ .border-state-closed {
1142
+ --tw-border-opacity: 1;
1143
+ border-color: rgb(218 30 40 / var(--tw-border-opacity));
1144
+ }
1145
+
1146
+ .border-state-open {
1147
+ --tw-border-opacity: 1;
1148
+ border-color: rgb(25 128 56 / var(--tw-border-opacity));
1149
+ }
1150
+
1151
+ .border-transparent {
1152
+ border-color: transparent;
1153
+ }
1154
+
1155
+ .border-yellow-300 {
1156
+ --tw-border-opacity: 1;
1157
+ border-color: rgb(253 224 71 / var(--tw-border-opacity));
1158
+ }
1159
+
1160
+ .bg-billy-purple {
1161
+ --tw-bg-opacity: 1;
1162
+ background-color: rgb(167 0 160 / var(--tw-bg-opacity));
1163
+ }
1164
+
1165
+ .bg-blue-50 {
1166
+ --tw-bg-opacity: 1;
1167
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1168
+ }
1169
+
1170
+ .bg-button-bg-color {
1171
+ --tw-bg-opacity: 1;
1172
+ background-color: rgb(224 231 255 / var(--tw-bg-opacity));
1173
+ }
1174
+
1175
+ .bg-filter-panel {
1176
+ --tw-bg-opacity: 1;
1177
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity));
1178
+ }
1179
+
1180
+ .bg-gray-600 {
1181
+ --tw-bg-opacity: 1;
1182
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1183
+ }
1184
+
1185
+ .bg-green-50 {
1186
+ --tw-bg-opacity: 1;
1187
+ background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1188
+ }
1189
+
1190
+ .bg-purple-50 {
1191
+ --tw-bg-opacity: 1;
1192
+ background-color: rgb(250 245 255 / var(--tw-bg-opacity));
1193
+ }
1194
+
1195
+ .bg-red-50 {
1196
+ --tw-bg-opacity: 1;
1197
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1198
+ }
1199
+
1200
+ .bg-slate-900 {
1201
+ --tw-bg-opacity: 1;
1202
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity));
1203
+ }
1204
+
1205
+ .bg-state-closed {
1206
+ --tw-bg-opacity: 1;
1207
+ background-color: rgb(218 30 40 / var(--tw-bg-opacity));
1208
+ }
1209
+
1210
+ .bg-state-open {
1211
+ --tw-bg-opacity: 1;
1212
+ background-color: rgb(25 128 56 / var(--tw-bg-opacity));
1213
+ }
1214
+
1215
+ .bg-white {
1216
+ --tw-bg-opacity: 1;
1217
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1218
+ }
1219
+
1220
+ .bg-yellow-50 {
1221
+ --tw-bg-opacity: 1;
1222
+ background-color: rgb(254 252 232 / var(--tw-bg-opacity));
1223
+ }
1224
+
1225
+ .fill-billy-purple {
1226
+ fill: #a700a0;
1227
+ }
1228
+
1229
+ .fill-state-closed {
1230
+ fill: #da1e28;
1231
+ }
1232
+
1233
+ .fill-state-open {
1234
+ fill: #198038;
1235
+ }
1236
+
1237
+ .stroke-billy-purple {
1238
+ stroke: #a700a0;
1239
+ }
1240
+
1241
+ .stroke-state-closed {
1242
+ stroke: #da1e28;
1243
+ }
1244
+
1245
+ .stroke-state-open {
1246
+ stroke: #198038;
1247
+ }
1248
+
1249
+ .p-0\.5 {
1250
+ padding: 0.125rem;
1251
+ }
1252
+
1253
+ .p-1 {
1254
+ padding: 0.25rem;
1255
+ }
1256
+
1257
+ .p-1\.5 {
1258
+ padding: 0.375rem;
1259
+ }
1260
+
1261
+ .p-4 {
1262
+ padding: 1rem;
1263
+ }
1264
+
1265
+ .p-8 {
1266
+ padding: 2rem;
1267
+ }
1268
+
1269
+ .p-0 {
1270
+ padding: 0px;
1271
+ }
1272
+
1273
+ .px-2 {
1274
+ padding-left: 0.5rem;
1275
+ padding-right: 0.5rem;
1276
+ }
1277
+
1278
+ .px-2\.5 {
1279
+ padding-left: 0.625rem;
1280
+ padding-right: 0.625rem;
1281
+ }
1282
+
1283
+ .px-3 {
1284
+ padding-left: 0.75rem;
1285
+ padding-right: 0.75rem;
1286
+ }
1287
+
1288
+ .px-4 {
1289
+ padding-left: 1rem;
1290
+ padding-right: 1rem;
1291
+ }
1292
+
1293
+ .px-6 {
1294
+ padding-left: 1.5rem;
1295
+ padding-right: 1.5rem;
1296
+ }
1297
+
1298
+ .py-0\.5 {
1299
+ padding-top: 0.125rem;
1300
+ padding-bottom: 0.125rem;
1301
+ }
1302
+
1303
+ .py-1 {
1304
+ padding-top: 0.25rem;
1305
+ padding-bottom: 0.25rem;
1306
+ }
1307
+
1308
+ .py-1\.5 {
1309
+ padding-top: 0.375rem;
1310
+ padding-bottom: 0.375rem;
1311
+ }
1312
+
1313
+ .py-12 {
1314
+ padding-top: 3rem;
1315
+ padding-bottom: 3rem;
1316
+ }
1317
+
1318
+ .py-2 {
1319
+ padding-top: 0.5rem;
1320
+ padding-bottom: 0.5rem;
1321
+ }
1322
+
1323
+ .py-3 {
1324
+ padding-top: 0.75rem;
1325
+ padding-bottom: 0.75rem;
1326
+ }
1327
+
1328
+ .py-4 {
1329
+ padding-top: 1rem;
1330
+ padding-bottom: 1rem;
1331
+ }
1332
+
1333
+ .py-5 {
1334
+ padding-top: 1.25rem;
1335
+ padding-bottom: 1.25rem;
1336
+ }
1337
+
1338
+ .pb-12 {
1339
+ padding-bottom: 3rem;
1340
+ }
1341
+
1342
+ .pb-2 {
1343
+ padding-bottom: 0.5rem;
1344
+ }
1345
+
1346
+ .pb-4 {
1347
+ padding-bottom: 1rem;
1348
+ }
1349
+
1350
+ .pl-2 {
1351
+ padding-left: 0.5rem;
1352
+ }
1353
+
1354
+ .pl-3 {
1355
+ padding-left: 0.75rem;
1356
+ }
1357
+
1358
+ .pt-2 {
1359
+ padding-top: 0.5rem;
1360
+ }
1361
+
1362
+ .pt-5 {
1363
+ padding-top: 1.25rem;
1364
+ }
1365
+
1366
+ .pt-6 {
1367
+ padding-top: 1.5rem;
1368
+ }
1369
+
1370
+ .text-center {
1371
+ text-align: center;
1372
+ }
1373
+
1374
+ .text-2xl {
1375
+ font-size: 1.5rem;
1376
+ line-height: 2rem;
1377
+ }
1378
+
1379
+ .text-3xl {
1380
+ font-size: 1.875rem;
1381
+ line-height: 2.25rem;
1382
+ }
1383
+
1384
+ .text-base {
1385
+ font-size: 1rem;
1386
+ line-height: 1.5rem;
1387
+ }
1388
+
1389
+ .text-lg {
1390
+ font-size: 1.125rem;
1391
+ line-height: 1.75rem;
1392
+ }
1393
+
1394
+ .text-sm {
1395
+ font-size: 0.875rem;
1396
+ line-height: 1.25rem;
1397
+ }
1398
+
1399
+ .text-xl {
1400
+ font-size: 1.25rem;
1401
+ line-height: 1.75rem;
1402
+ }
1403
+
1404
+ .text-xs {
1405
+ font-size: 0.75rem;
1406
+ line-height: 1rem;
1407
+ }
1408
+
1409
+ .font-bold {
1410
+ font-weight: 700;
1411
+ }
1412
+
1413
+ .font-extrabold {
1414
+ font-weight: 800;
1415
+ }
1416
+
1417
+ .font-medium {
1418
+ font-weight: 500;
1419
+ }
1420
+
1421
+ .font-semibold {
1422
+ font-weight: 600;
1423
+ }
1424
+
1425
+ .leading-4 {
1426
+ line-height: 1rem;
1427
+ }
1428
+
1429
+ .leading-5 {
1430
+ line-height: 1.25rem;
1431
+ }
1432
+
1433
+ .leading-7 {
1434
+ line-height: 1.75rem;
1435
+ }
1436
+
1437
+ .tracking-tight {
1438
+ letter-spacing: -0.025em;
1439
+ }
1440
+
1441
+ .text-billy-purple {
1442
+ --tw-text-opacity: 1;
1443
+ color: rgb(167 0 160 / var(--tw-text-opacity));
1444
+ }
1445
+
1446
+ .text-blue-500 {
1447
+ --tw-text-opacity: 1;
1448
+ color: rgb(59 130 246 / var(--tw-text-opacity));
1449
+ }
1450
+
1451
+ .text-blue-700 {
1452
+ --tw-text-opacity: 1;
1453
+ color: rgb(29 78 216 / var(--tw-text-opacity));
1454
+ }
1455
+
1456
+ .text-blue-800 {
1457
+ --tw-text-opacity: 1;
1458
+ color: rgb(30 64 175 / var(--tw-text-opacity));
1459
+ }
1460
+
1461
+ .text-button-text-color {
1462
+ --tw-text-opacity: 1;
1463
+ color: rgb(67 56 202 / var(--tw-text-opacity));
1464
+ }
1465
+
1466
+ .text-gray-500 {
1467
+ --tw-text-opacity: 1;
1468
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1469
+ }
1470
+
1471
+ .text-gray-700 {
1472
+ --tw-text-opacity: 1;
1473
+ color: rgb(55 65 81 / var(--tw-text-opacity));
1474
+ }
1475
+
1476
+ .text-gray-800 {
1477
+ --tw-text-opacity: 1;
1478
+ color: rgb(31 41 55 / var(--tw-text-opacity));
1479
+ }
1480
+
1481
+ .text-gray-900 {
1482
+ --tw-text-opacity: 1;
1483
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1484
+ }
1485
+
1486
+ .text-green-500 {
1487
+ --tw-text-opacity: 1;
1488
+ color: rgb(34 197 94 / var(--tw-text-opacity));
1489
+ }
1490
+
1491
+ .text-green-700 {
1492
+ --tw-text-opacity: 1;
1493
+ color: rgb(21 128 61 / var(--tw-text-opacity));
1494
+ }
1495
+
1496
+ .text-green-800 {
1497
+ --tw-text-opacity: 1;
1498
+ color: rgb(22 101 52 / var(--tw-text-opacity));
1499
+ }
1500
+
1501
+ .text-purple-800 {
1502
+ --tw-text-opacity: 1;
1503
+ color: rgb(107 33 168 / var(--tw-text-opacity));
1504
+ }
1505
+
1506
+ .text-red-500 {
1507
+ --tw-text-opacity: 1;
1508
+ color: rgb(239 68 68 / var(--tw-text-opacity));
1509
+ }
1510
+
1511
+ .text-red-700 {
1512
+ --tw-text-opacity: 1;
1513
+ color: rgb(185 28 28 / var(--tw-text-opacity));
1514
+ }
1515
+
1516
+ .text-red-800 {
1517
+ --tw-text-opacity: 1;
1518
+ color: rgb(153 27 27 / var(--tw-text-opacity));
1519
+ }
1520
+
1521
+ .text-slate-500 {
1522
+ --tw-text-opacity: 1;
1523
+ color: rgb(100 116 139 / var(--tw-text-opacity));
1524
+ }
1525
+
1526
+ .text-slate-700 {
1527
+ --tw-text-opacity: 1;
1528
+ color: rgb(51 65 85 / var(--tw-text-opacity));
1529
+ }
1530
+
1531
+ .text-state-closed {
1532
+ --tw-text-opacity: 1;
1533
+ color: rgb(218 30 40 / var(--tw-text-opacity));
1534
+ }
1535
+
1536
+ .text-state-open {
1537
+ --tw-text-opacity: 1;
1538
+ color: rgb(25 128 56 / var(--tw-text-opacity));
1539
+ }
1540
+
1541
+ .text-white {
1542
+ --tw-text-opacity: 1;
1543
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1544
+ }
1545
+
1546
+ .text-yellow-500 {
1547
+ --tw-text-opacity: 1;
1548
+ color: rgb(234 179 8 / var(--tw-text-opacity));
1549
+ }
1550
+
1551
+ .text-yellow-600 {
1552
+ --tw-text-opacity: 1;
1553
+ color: rgb(202 138 4 / var(--tw-text-opacity));
1554
+ }
1555
+
1556
+ .text-yellow-700 {
1557
+ --tw-text-opacity: 1;
1558
+ color: rgb(161 98 7 / var(--tw-text-opacity));
1559
+ }
1560
+
1561
+ .text-yellow-800 {
1562
+ --tw-text-opacity: 1;
1563
+ color: rgb(133 77 14 / var(--tw-text-opacity));
1564
+ }
1565
+
1566
+ .underline {
1567
+ -webkit-text-decoration-line: underline;
1568
+ text-decoration-line: underline;
1569
+ }
1570
+
1571
+ .decoration-double {
1572
+ -webkit-text-decoration-style: double;
1573
+ text-decoration-style: double;
1574
+ }
1575
+
1576
+ .antialiased {
1577
+ -webkit-font-smoothing: antialiased;
1578
+ -moz-osx-font-smoothing: grayscale;
1579
+ }
1580
+
1581
+ .shadow {
1582
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1583
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1584
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1585
+ }
1586
+
1587
+ .shadow-sm {
1588
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1589
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1590
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1591
+ }
1592
+
1593
+ .filter {
1594
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1595
+ }
1596
+
1597
+ .transition {
1598
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1599
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1600
+ 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;
1601
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1602
+ transition-duration: 150ms;
1603
+ }
1604
+
1605
+ .duration-500 {
1606
+ transition-duration: 500ms;
1607
+ }
1608
+
1609
+ .tooltip-arrow,
1610
+ .tooltip-arrow::before {
1611
+ position: absolute;
1612
+ width: 8px;
1613
+ height: 8px;
1614
+ background: inherit;
1615
+ }
1616
+
1617
+ .tooltip-arrow {
1618
+ visibility: hidden;
1619
+ }
1620
+
1621
+ tooltip[data-tooltip-show] .tooltip-arrow::before {
1622
+ visibility: visible;
1623
+ content: '';
1624
+ transform: rotate(45deg);
1625
+ }
1626
+
1627
+ tooltip[data-popper-placement^='top'][data-tooltip-show] > .tooltip-arrow {
1628
+ bottom: -4px;
1629
+ }
1630
+
1631
+ tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
1632
+ top: -4px;
1633
+ }
1634
+
1635
+ tooltip[data-popper-placement^='left'] > .tooltip-arrow {
1636
+ right: -4px;
1637
+ }
1638
+
1639
+ tooltip[data-popper-placement^='right'] > .tooltip-arrow {
1640
+ left: -4px;
1641
+ }
1642
+
1643
+ tooltip[data-tooltip-show] {
1644
+ display: block;
1645
+ }
1646
+
1647
+ .hover\:bg-blue-100:hover {
1648
+ --tw-bg-opacity: 1;
1649
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1650
+ }
1651
+
1652
+ .hover\:bg-button-hover-color:hover {
1653
+ --tw-bg-opacity: 1;
1654
+ background-color: rgb(199 210 254 / var(--tw-bg-opacity));
1655
+ }
1656
+
1657
+ .hover\:bg-gray-100:hover {
1658
+ --tw-bg-opacity: 1;
1659
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1660
+ }
1661
+
1662
+ .hover\:bg-gray-50:hover {
1663
+ --tw-bg-opacity: 1;
1664
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1665
+ }
1666
+
1667
+ .hover\:bg-gray-700:hover {
1668
+ --tw-bg-opacity: 1;
1669
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1670
+ }
1671
+
1672
+ .hover\:bg-green-100:hover {
1673
+ --tw-bg-opacity: 1;
1674
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1675
+ }
1676
+
1677
+ .hover\:bg-purple-100:hover {
1678
+ --tw-bg-opacity: 1;
1679
+ background-color: rgb(243 232 255 / var(--tw-bg-opacity));
1680
+ }
1681
+
1682
+ .hover\:bg-red-100:hover {
1683
+ --tw-bg-opacity: 1;
1684
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1685
+ }
1686
+
1687
+ .hover\:bg-slate-100:hover {
1688
+ --tw-bg-opacity: 1;
1689
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1690
+ }
1691
+
1692
+ .hover\:bg-yellow-100:hover {
1693
+ --tw-bg-opacity: 1;
1694
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1695
+ }
1696
+
1697
+ .hover\:text-button-text-color:hover {
1698
+ --tw-text-opacity: 1;
1699
+ color: rgb(67 56 202 / var(--tw-text-opacity));
1700
+ }
1701
+
1702
+ .hover\:text-gray-500:hover {
1703
+ --tw-text-opacity: 1;
1704
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1705
+ }
1706
+
1707
+ .hover\:text-gray-900:hover {
1708
+ --tw-text-opacity: 1;
1709
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1710
+ }
1711
+
1712
+ .hover\:text-slate-900:hover {
1713
+ --tw-text-opacity: 1;
1714
+ color: rgb(15 23 42 / var(--tw-text-opacity));
1715
+ }
1716
+
1717
+ .focus\:border-indigo-500:focus {
1718
+ --tw-border-opacity: 1;
1719
+ border-color: rgb(99 102 241 / var(--tw-border-opacity));
1720
+ }
1721
+
1722
+ .focus\:outline-none:focus {
1723
+ outline: 2px solid transparent;
1724
+ outline-offset: 2px;
1725
+ }
1726
+
1727
+ .focus\:ring-2:focus {
1728
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1729
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1730
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1731
+ }
1732
+
1733
+ .focus\:ring-blue-600:focus {
1734
+ --tw-ring-opacity: 1;
1735
+ --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
1736
+ }
1737
+
1738
+ .focus\:ring-gray-500:focus {
1739
+ --tw-ring-opacity: 1;
1740
+ --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
1741
+ }
1742
+
1743
+ .focus\:ring-green-600:focus {
1744
+ --tw-ring-opacity: 1;
1745
+ --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
1746
+ }
1747
+
1748
+ .focus\:ring-indigo-500:focus {
1749
+ --tw-ring-opacity: 1;
1750
+ --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
1751
+ }
1752
+
1753
+ .focus\:ring-purple-500:focus {
1754
+ --tw-ring-opacity: 1;
1755
+ --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
1756
+ }
1757
+
1758
+ .focus\:ring-purple-600:focus {
1759
+ --tw-ring-opacity: 1;
1760
+ --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
1761
+ }
1762
+
1763
+ .focus\:ring-red-600:focus {
1764
+ --tw-ring-opacity: 1;
1765
+ --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
1766
+ }
1767
+
1768
+ .focus\:ring-yellow-600:focus {
1769
+ --tw-ring-opacity: 1;
1770
+ --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
1771
+ }
1772
+
1773
+ .focus\:ring-offset-2:focus {
1774
+ --tw-ring-offset-width: 2px;
1775
+ }
1776
+
1777
+ .focus\:ring-offset-blue-50:focus {
1778
+ --tw-ring-offset-color: #eff6ff;
1779
+ }
1780
+
1781
+ .focus\:ring-offset-green-50:focus {
1782
+ --tw-ring-offset-color: #f0fdf4;
1783
+ }
1784
+
1785
+ .focus\:ring-offset-purple-50:focus {
1786
+ --tw-ring-offset-color: #faf5ff;
1787
+ }
1788
+
1789
+ .focus\:ring-offset-red-50:focus {
1790
+ --tw-ring-offset-color: #fef2f2;
1791
+ }
1792
+
1793
+ .focus\:ring-offset-yellow-50:focus {
1794
+ --tw-ring-offset-color: #fefce8;
1795
+ }
1796
+
1797
+ .focus-visible\:outline-2:focus-visible {
1798
+ outline-width: 2px;
1799
+ }
1800
+
1801
+ .focus-visible\:outline-offset-2:focus-visible {
1802
+ outline-offset: 2px;
1803
+ }
1804
+
1805
+ @media (min-width: 640px) {
1806
+ .sm\:mt-0 {
1807
+ margin-top: 0px;
1808
+ }
1809
+
1810
+ .sm\:grid-cols-2 {
1811
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1812
+ }
1813
+
1814
+ .sm\:px-6 {
1815
+ padding-left: 1.5rem;
1816
+ padding-right: 1.5rem;
1817
+ }
1818
+
1819
+ .sm\:text-3xl {
1820
+ font-size: 1.875rem;
1821
+ line-height: 2.25rem;
1822
+ }
1823
+
1824
+ .sm\:text-4xl {
1825
+ font-size: 2.25rem;
1826
+ line-height: 2.5rem;
1827
+ }
1828
+
1829
+ .sm\:text-sm {
1830
+ font-size: 0.875rem;
1831
+ line-height: 1.25rem;
1832
+ }
1833
+ }
1834
+
1835
+ @media (min-width: 768px) {
1836
+ .md\:block {
1837
+ display: block;
1838
+ }
1839
+
1840
+ .md\:flex {
1841
+ display: flex;
1842
+ }
1843
+
1844
+ .md\:gap-x-12 {
1845
+ -moz-column-gap: 3rem;
1846
+ column-gap: 3rem;
1847
+ }
1848
+
1849
+ .md\:gap-x-6 {
1850
+ -moz-column-gap: 1.5rem;
1851
+ column-gap: 1.5rem;
1852
+ }
1853
+
1854
+ .md\:gap-x-8 {
1855
+ -moz-column-gap: 2rem;
1856
+ column-gap: 2rem;
1857
+ }
1858
+ }
1859
+
1860
+ @media (min-width: 1024px) {
1861
+ .lg\:grid-cols-3 {
1862
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1863
+ }
1864
+
1865
+ .lg\:px-8 {
1866
+ padding-left: 2rem;
1867
+ padding-right: 2rem;
1868
+ }
1869
+
1870
+ .lg\:py-16 {
1871
+ padding-top: 4rem;
1872
+ padding-bottom: 4rem;
1873
+ }
1874
+ }