ariadne_view_components 0.0.6 → 0.0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +28 -0
  3. data/README.md +5 -1
  4. data/app/assets/javascripts/ariadne-form-with.d.ts +20 -0
  5. data/app/assets/javascripts/ariadne-form.d.ts +22 -0
  6. data/app/assets/javascripts/ariadne.d.ts +1 -1
  7. data/app/assets/javascripts/ariadne_view_components.js +7 -1
  8. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  9. data/app/assets/javascripts/comment-component.d.ts +13 -0
  10. data/app/assets/javascripts/rich-text-area-component.d.ts +4 -0
  11. data/app/{components/ariadne/time_ago_component.d.ts → assets/javascripts/time-ago-component.d.ts} +0 -0
  12. data/app/assets/stylesheets/{application.ariadne_view_components.css → ariadne_view_components.css} +1 -0
  13. data/app/assets/stylesheets/prosemirror.css +323 -0
  14. data/app/components/ariadne/ariadne-form.ts +96 -0
  15. data/app/components/ariadne/ariadne.ts +8 -1
  16. data/app/components/ariadne/base_button.rb +6 -7
  17. data/app/components/ariadne/base_component.rb +13 -131
  18. data/app/components/ariadne/blankslate_component.html.erb +5 -5
  19. data/app/components/ariadne/blankslate_component.rb +4 -9
  20. data/app/components/ariadne/body_component.rb +1 -1
  21. data/app/components/ariadne/button_component.rb +7 -6
  22. data/app/components/ariadne/clipboard_copy_component.html.erb +3 -2
  23. data/app/components/ariadne/comment-component.ts +55 -0
  24. data/app/components/ariadne/comment_component.html.erb +17 -20
  25. data/app/components/ariadne/comment_component.rb +29 -17
  26. data/app/components/ariadne/component.rb +4 -4
  27. data/app/components/ariadne/container_component.rb +1 -1
  28. data/app/components/ariadne/counter_component.rb +4 -4
  29. data/app/components/ariadne/flash_component.html.erb +12 -12
  30. data/app/components/ariadne/flash_component.rb +16 -16
  31. data/app/components/ariadne/flex_component.rb +5 -7
  32. data/app/components/ariadne/footer_component.html.erb +1 -1
  33. data/app/components/ariadne/footer_component.rb +1 -1
  34. data/app/components/ariadne/grid_component.html.erb +4 -4
  35. data/app/components/ariadne/grid_component.rb +9 -9
  36. data/app/components/ariadne/header_component.html.erb +7 -7
  37. data/app/components/ariadne/header_component.rb +8 -8
  38. data/app/components/ariadne/heading_component.rb +3 -3
  39. data/app/components/ariadne/heroicon_component.rb +4 -4
  40. data/app/components/ariadne/inline_flex_component.rb +7 -7
  41. data/app/components/ariadne/link_component.rb +2 -2
  42. data/app/components/ariadne/list_component.rb +6 -5
  43. data/app/components/ariadne/narrow_container_component.html.erb +3 -0
  44. data/app/components/ariadne/narrow_container_component.rb +30 -0
  45. data/app/components/ariadne/panel_bar_component.html.erb +20 -0
  46. data/app/components/ariadne/panel_bar_component.rb +79 -0
  47. data/app/components/ariadne/pill_component.rb +2 -2
  48. data/app/components/ariadne/rich-text-area-component.ts +32 -0
  49. data/app/components/ariadne/rich_text_area_component.html.erb +6 -0
  50. data/app/components/ariadne/rich_text_area_component.rb +35 -0
  51. data/app/components/ariadne/slideover-component.ts +3 -3
  52. data/app/components/ariadne/slideover_component.html.erb +3 -3
  53. data/app/components/ariadne/slideover_component.rb +1 -1
  54. data/app/components/ariadne/tab_bar_component.html.erb +3 -0
  55. data/app/components/ariadne/tab_bar_component.rb +45 -0
  56. data/app/components/ariadne/tab_component.html.erb +7 -0
  57. data/app/components/ariadne/tab_component.rb +43 -0
  58. data/app/components/ariadne/{time_ago_component.ts → time-ago-component.ts} +0 -0
  59. data/app/components/ariadne/time_ago_component.rb +2 -2
  60. data/app/components/ariadne/timeline_component.html.erb +6 -6
  61. data/app/components/ariadne/tooltip-component.ts +3 -3
  62. data/app/components/ariadne/tooltip_component.html.erb +1 -1
  63. data/app/components/ariadne/tooltip_component.rb +1 -1
  64. data/app/lib/ariadne/action_view_extensions/form_helper.rb +4 -1
  65. data/app/lib/ariadne/fetch_or_fallback_helper.rb +3 -1
  66. data/app/lib/ariadne/form_builder.rb +10 -10
  67. data/app/lib/ariadne/icon_helper.rb +1 -1
  68. data/exe/tailwindcss +21 -0
  69. data/lib/ariadne/view_components/commands.rb +90 -0
  70. data/lib/ariadne/view_components/engine.rb +41 -4
  71. data/lib/ariadne/view_components/upstream.rb +20 -0
  72. data/lib/ariadne/view_components/version.rb +1 -1
  73. data/lib/ariadne/view_components.rb +1 -1
  74. data/lib/rubocop/config/default.yml +0 -6
  75. data/lib/rubocop/cop/ariadne/no_tag_memoize.rb +1 -0
  76. data/lib/tasks/ariadne_view_components.rake +2 -1
  77. data/lib/tasks/build.rake +30 -0
  78. data/lib/tasks/docs.rake +6 -1
  79. data/static/arguments.yml +99 -4
  80. data/static/audited_at.json +8 -2
  81. data/static/classes.yml +195 -181
  82. data/static/constants.json +112 -72
  83. data/static/statuses.json +8 -2
  84. data/tailwind.config.js +65 -0
  85. metadata +38 -36
  86. data/app/assets/builds/ariadne_view_components.css +0 -1874
  87. data/app/components/ariadne/ariadne.d.ts +0 -1
  88. data/app/components/ariadne/ariadne.js +0 -9
  89. data/app/components/ariadne/clipboard-copy-component.d.ts +0 -4
  90. data/app/components/ariadne/clipboard-copy-component.js +0 -18
  91. data/app/components/ariadne/clipboard_copy_component.d.ts +0 -4
  92. data/app/components/ariadne/clipboard_copy_component.js +0 -18
  93. data/app/components/ariadne/slideover-component.d.ts +0 -9
  94. data/app/components/ariadne/slideover-component.js +0 -20
  95. data/app/components/ariadne/slideover_component.d.ts +0 -9
  96. data/app/components/ariadne/slideover_component.js +0 -19
  97. data/app/components/ariadne/time_ago_component.js +0 -1
  98. data/app/components/ariadne/tooltip-component.d.ts +0 -24
  99. data/app/components/ariadne/tooltip-component.js +0 -42
  100. data/lib/ariadne/classify/utilities.rb +0 -199
  101. data/lib/ariadne/classify/utilities.yml +0 -1817
  102. data/lib/ariadne/classify/validation.rb +0 -18
  103. data/lib/ariadne/classify.rb +0 -124
  104. data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +0 -252
  105. data/lib/rubocop/cop/ariadne/component_name_migration.rb +0 -35
  106. data/lib/rubocop/cop/ariadne/system_argument_instead_of_class.rb +0 -57
  107. data/lib/tasks/utilities.rake +0 -121
@@ -1,1874 +0,0 @@
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
- }