@agility/plenum-ui 1.3.31 → 1.3.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/.storybook/Layout.jsx +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/index.js +1 -1
  4. package/lib/{index.css → tailwind.css} +252 -63
  5. package/libxxx/common/brandCfg.d.ts +3 -0
  6. package/libxxx/common/index.d.ts +3 -0
  7. package/libxxx/common/storyCfg.d.ts +5 -0
  8. package/libxxx/components/Avatar/Avatar.d.ts +27 -0
  9. package/libxxx/components/Avatar/Avatar.stories.d.ts +6 -0
  10. package/libxxx/components/Avatar/Avatar.test.d.ts +1 -0
  11. package/libxxx/components/Avatar/index.d.ts +1 -0
  12. package/libxxx/components/Button/Button.d.ts +45 -0
  13. package/libxxx/components/Button/Button.stories.d.ts +10 -0
  14. package/libxxx/components/Button/Button.test.d.ts +1 -0
  15. package/libxxx/components/Button/index.d.ts +1 -0
  16. package/libxxx/components/ButtonDropdown/ButtonDropdown.d.ts +11 -0
  17. package/libxxx/components/ButtonDropdown/ButtonDropdown.stories.d.ts +8 -0
  18. package/libxxx/components/ButtonDropdown/index.d.ts +1 -0
  19. package/libxxx/components/Combobox/Combobox.d.ts +34 -0
  20. package/libxxx/components/Combobox/Combobox.stories.d.ts +14 -0
  21. package/libxxx/components/Combobox/Combobox.test.d.ts +1 -0
  22. package/libxxx/components/Combobox/index.d.ts +1 -0
  23. package/libxxx/components/Dropdown/Dropdown.d.ts +25 -0
  24. package/libxxx/components/Dropdown/Dropdown.stories.d.ts +9 -0
  25. package/libxxx/components/Dropdown/Dropdown.test.d.ts +1 -0
  26. package/libxxx/components/Dropdown/data.d.ts +3 -0
  27. package/libxxx/components/Dropdown/index.d.ts +1 -0
  28. package/libxxx/components/Forms/BaseField/BaseField.d.ts +34 -0
  29. package/libxxx/components/Forms/BaseField/BaseField.stories.d.ts +6 -0
  30. package/libxxx/components/Forms/BaseField/BaseField.test.d.ts +1 -0
  31. package/libxxx/components/Forms/BaseField/index.d.ts +1 -0
  32. package/libxxx/components/Forms/Checkbox/Checkbox.d.ts +23 -0
  33. package/libxxx/components/Forms/Checkbox/Checkbox.stories.d.ts +13 -0
  34. package/libxxx/components/Forms/Checkbox/Checkbox.test.d.ts +1 -0
  35. package/libxxx/components/Forms/Checkbox/index.d.ts +1 -0
  36. package/libxxx/components/Forms/InputCounter/InputCounter.d.ts +9 -0
  37. package/libxxx/components/Forms/InputCounter/InputCounter.stories.d.ts +6 -0
  38. package/libxxx/components/Forms/InputCounter/InputCounter.test.d.ts +1 -0
  39. package/libxxx/components/Forms/InputCounter/index.d.ts +1 -0
  40. package/libxxx/components/Forms/InputLabel/InputLabel.d.ts +14 -0
  41. package/libxxx/components/Forms/InputLabel/InputLabel.stories.d.ts +6 -0
  42. package/libxxx/components/Forms/InputLabel/InputLabel.test.d.ts +1 -0
  43. package/libxxx/components/Forms/InputLabel/index.d.ts +1 -0
  44. package/libxxx/components/Forms/Radio/Radio.d.ts +27 -0
  45. package/libxxx/components/Forms/Radio/Radio.stories.d.ts +12 -0
  46. package/libxxx/components/Forms/Radio/Radio.test.d.ts +1 -0
  47. package/libxxx/components/Forms/Radio/index.d.ts +1 -0
  48. package/libxxx/components/Forms/Select/Select.d.ts +27 -0
  49. package/libxxx/components/Forms/Select/Select.stories.d.ts +11 -0
  50. package/libxxx/components/Forms/Select/Select.test.d.ts +1 -0
  51. package/libxxx/components/Forms/Select/index.d.ts +1 -0
  52. package/libxxx/components/Forms/TextInput/TextInput.d.ts +37 -0
  53. package/libxxx/components/Forms/TextInput/TextInput.stories.d.ts +12 -0
  54. package/libxxx/components/Forms/TextInput/index.d.ts +1 -0
  55. package/libxxx/components/Forms/TextInputAddon/InputCta/InputCta.d.ts +16 -0
  56. package/libxxx/components/Forms/TextInputAddon/InputCta/InputCta.stories.d.ts +6 -0
  57. package/libxxx/components/Forms/TextInputAddon/InputCta/InputCta.test.d.ts +1 -0
  58. package/libxxx/components/Forms/TextInputAddon/InputCta/index.d.ts +1 -0
  59. package/libxxx/components/Forms/TextInputAddon/TextInputAddon.d.ts +52 -0
  60. package/libxxx/components/Forms/TextInputAddon/TextInputAddon.stories.d.ts +12 -0
  61. package/libxxx/components/Forms/TextInputAddon/index.d.ts +1 -0
  62. package/libxxx/components/Forms/TextInputSelect/InputSelect/InputSelect.d.ts +13 -0
  63. package/libxxx/components/Forms/TextInputSelect/InputSelect/InputSelect.stories.d.ts +6 -0
  64. package/libxxx/components/Forms/TextInputSelect/InputSelect/InputSelect.test.d.ts +1 -0
  65. package/libxxx/components/Forms/TextInputSelect/InputSelect/index.d.ts +1 -0
  66. package/libxxx/components/Forms/TextInputSelect/TextInputSelect.d.ts +48 -0
  67. package/libxxx/components/Forms/TextInputSelect/TextInputSelect.stories.d.ts +8 -0
  68. package/libxxx/components/Forms/TextInputSelect/index.d.ts +1 -0
  69. package/libxxx/components/Forms/Textarea/Textarea.d.ts +32 -0
  70. package/libxxx/components/Forms/Textarea/Textarea.stories.d.ts +12 -0
  71. package/libxxx/components/Forms/Textarea/Textarea.test.d.ts +1 -0
  72. package/libxxx/components/Forms/Textarea/index.d.ts +1 -0
  73. package/libxxx/components/Switch/Switch.d.ts +11 -0
  74. package/libxxx/components/Switch/Switch.stories.d.ts +9 -0
  75. package/libxxx/components/Switch/Switch.test.d.ts +1 -0
  76. package/libxxx/components/Switch/index.d.ts +1 -0
  77. package/libxxx/components/TreeView/TreeView.d.ts +36 -0
  78. package/libxxx/components/TreeView/TreeView.stories.d.ts +6 -0
  79. package/libxxx/components/TreeView/TreeView.test.d.ts +1 -0
  80. package/libxxx/components/TreeView/index.d.ts +1 -0
  81. package/libxxx/components/TreeView V1/TreeItem/TreeItem.d.ts +16 -0
  82. package/libxxx/components/TreeView V1/TreeItem/TreeItem.stories.d.ts +9 -0
  83. package/libxxx/components/TreeView V1/TreeItem/TreeItem.test.d.ts +1 -0
  84. package/libxxx/components/TreeView V1/TreeItem/index.d.ts +1 -0
  85. package/libxxx/components/TreeView V1/TreeView.d.ts +6 -0
  86. package/libxxx/components/TreeView V1/TreeView.stories.d.ts +6 -0
  87. package/libxxx/components/TreeView V1/TreeView.test.d.ts +1 -0
  88. package/libxxx/components/TreeView V1/context.d.ts +9 -0
  89. package/libxxx/components/TreeView V1/index.d.ts +1 -0
  90. package/libxxx/components/TreeView V1/sampleData.d.ts +71 -0
  91. package/libxxx/components/TreeView V1/types/tree.types.d.ts +21 -0
  92. package/libxxx/index.d.ts +14 -0
  93. package/libxxx/page/TreeNavigation/CustomNode/CustomNode.d.ts +3 -0
  94. package/libxxx/page/TreeNavigation/CustomNode/CustomNode.test.d.ts +1 -0
  95. package/libxxx/page/TreeNavigation/CustomNode/index.d.ts +1 -0
  96. package/libxxx/page/TreeNavigation/TreeNavigation.d.ts +8 -0
  97. package/libxxx/page/TreeNavigation/TreeNavigation.stories.d.ts +6 -0
  98. package/libxxx/page/TreeNavigation/hooks/useFetch.d.ts +14 -0
  99. package/libxxx/page/TreeNavigation/index.d.ts +1 -0
  100. package/libxxx/util/DynamicIcons.d.ts +10 -0
  101. package/libxxx/util/Loader.d.ts +6 -0
  102. package/libxxx/util/useID.d.ts +1 -0
  103. package/package.json +3 -3
  104. package/tsconfig.json +2 -2
  105. package/lib/index.esm.css +0 -1866
package/lib/index.esm.css DELETED
@@ -1,1866 +0,0 @@
1
- /*
2
- ! tailwindcss v3.0.21 | 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: 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
- line-height: inherit;
191
- /* 1 */
192
- color: inherit;
193
- /* 1 */
194
- margin: 0;
195
- /* 2 */
196
- padding: 0;
197
- /* 3 */
198
- }
199
-
200
- /*
201
- Remove the inheritance of text transform in Edge and Firefox.
202
- */
203
-
204
- button,
205
- select {
206
- text-transform: none;
207
- }
208
-
209
- /*
210
- 1. Correct the inability to style clickable types in iOS and Safari.
211
- 2. Remove default button styles.
212
- */
213
-
214
- button,
215
- [type='button'],
216
- [type='reset'],
217
- [type='submit'] {
218
- -webkit-appearance: button;
219
- /* 1 */
220
- background-color: transparent;
221
- /* 2 */
222
- background-image: none;
223
- /* 2 */
224
- }
225
-
226
- /*
227
- Use the modern Firefox focus style for all focusable elements.
228
- */
229
-
230
- :-moz-focusring {
231
- outline: auto;
232
- }
233
-
234
- /*
235
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
236
- */
237
-
238
- :-moz-ui-invalid {
239
- box-shadow: none;
240
- }
241
-
242
- /*
243
- Add the correct vertical alignment in Chrome and Firefox.
244
- */
245
-
246
- progress {
247
- vertical-align: baseline;
248
- }
249
-
250
- /*
251
- Correct the cursor style of increment and decrement buttons in Safari.
252
- */
253
-
254
- ::-webkit-inner-spin-button,
255
- ::-webkit-outer-spin-button {
256
- height: auto;
257
- }
258
-
259
- /*
260
- 1. Correct the odd appearance in Chrome and Safari.
261
- 2. Correct the outline style in Safari.
262
- */
263
-
264
- [type='search'] {
265
- -webkit-appearance: textfield;
266
- /* 1 */
267
- outline-offset: -2px;
268
- /* 2 */
269
- }
270
-
271
- /*
272
- Remove the inner padding in Chrome and Safari on macOS.
273
- */
274
-
275
- ::-webkit-search-decoration {
276
- -webkit-appearance: none;
277
- }
278
-
279
- /*
280
- 1. Correct the inability to style clickable types in iOS and Safari.
281
- 2. Change font properties to `inherit` in Safari.
282
- */
283
-
284
- ::-webkit-file-upload-button {
285
- -webkit-appearance: button;
286
- /* 1 */
287
- font: inherit;
288
- /* 2 */
289
- }
290
-
291
- /*
292
- Add the correct display in Chrome and Safari.
293
- */
294
-
295
- summary {
296
- display: list-item;
297
- }
298
-
299
- /*
300
- Removes the default spacing and border for appropriate elements.
301
- */
302
-
303
- blockquote,
304
- dl,
305
- dd,
306
- h1,
307
- h2,
308
- h3,
309
- h4,
310
- h5,
311
- h6,
312
- hr,
313
- figure,
314
- p,
315
- pre {
316
- margin: 0;
317
- }
318
-
319
- fieldset {
320
- margin: 0;
321
- padding: 0;
322
- }
323
-
324
- legend {
325
- padding: 0;
326
- }
327
-
328
- ol,
329
- ul,
330
- menu {
331
- list-style: none;
332
- margin: 0;
333
- padding: 0;
334
- }
335
-
336
- /*
337
- Prevent resizing textareas horizontally by default.
338
- */
339
-
340
- textarea {
341
- resize: vertical;
342
- }
343
-
344
- /*
345
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
346
- 2. Set the default placeholder color to the user's configured gray 400 color.
347
- */
348
-
349
- input::-moz-placeholder, textarea::-moz-placeholder {
350
- opacity: 1;
351
- /* 1 */
352
- color: #9ca3af;
353
- /* 2 */
354
- }
355
-
356
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
357
- opacity: 1;
358
- /* 1 */
359
- color: #9ca3af;
360
- /* 2 */
361
- }
362
-
363
- input::placeholder,
364
- textarea::placeholder {
365
- opacity: 1;
366
- /* 1 */
367
- color: #9ca3af;
368
- /* 2 */
369
- }
370
-
371
- /*
372
- Set the default cursor for buttons.
373
- */
374
-
375
- button,
376
- [role="button"] {
377
- cursor: pointer;
378
- }
379
-
380
- /*
381
- Make sure disabled buttons don't get the pointer cursor.
382
- */
383
-
384
- :disabled {
385
- cursor: default;
386
- }
387
-
388
- /*
389
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
390
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
391
- This can trigger a poorly considered lint error in some tools but is included by design.
392
- */
393
-
394
- img,
395
- svg,
396
- video,
397
- canvas,
398
- audio,
399
- iframe,
400
- embed,
401
- object {
402
- display: block;
403
- /* 1 */
404
- vertical-align: middle;
405
- /* 2 */
406
- }
407
-
408
- /*
409
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
410
- */
411
-
412
- img,
413
- video {
414
- max-width: 100%;
415
- height: auto;
416
- }
417
-
418
- /*
419
- Ensure the default browser behavior of the `hidden` attribute.
420
- */
421
-
422
- [hidden] {
423
- display: none;
424
- }
425
-
426
- [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 {
427
- -webkit-appearance: none;
428
- -moz-appearance: none;
429
- appearance: none;
430
- background-color: #fff;
431
- border-color: #6b7280;
432
- border-width: 1px;
433
- border-radius: 0px;
434
- padding-top: 0.5rem;
435
- padding-right: 0.75rem;
436
- padding-bottom: 0.5rem;
437
- padding-left: 0.75rem;
438
- font-size: 1rem;
439
- line-height: 1.5rem;
440
- --tw-shadow: 0 0 #0000;
441
- }
442
-
443
- [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 {
444
- outline: 2px solid transparent;
445
- outline-offset: 2px;
446
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
447
- --tw-ring-offset-width: 0px;
448
- --tw-ring-offset-color: #fff;
449
- --tw-ring-color: #2563eb;
450
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
451
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
452
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
453
- border-color: #2563eb;
454
- }
455
-
456
- input::-moz-placeholder, textarea::-moz-placeholder {
457
- color: #6b7280;
458
- opacity: 1;
459
- }
460
-
461
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
462
- color: #6b7280;
463
- opacity: 1;
464
- }
465
-
466
- input::placeholder,textarea::placeholder {
467
- color: #6b7280;
468
- opacity: 1;
469
- }
470
-
471
- ::-webkit-datetime-edit-fields-wrapper {
472
- padding: 0;
473
- }
474
-
475
- ::-webkit-date-and-time-value {
476
- min-height: 1.5em;
477
- }
478
-
479
- select {
480
- 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");
481
- background-position: right 0.5rem center;
482
- background-repeat: no-repeat;
483
- background-size: 1.5em 1.5em;
484
- padding-right: 2.5rem;
485
- -webkit-print-color-adjust: exact;
486
- 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
- }
498
-
499
- [type='checkbox'],[type='radio'] {
500
- -webkit-appearance: none;
501
- -moz-appearance: none;
502
- appearance: none;
503
- padding: 0;
504
- -webkit-print-color-adjust: exact;
505
- color-adjust: exact;
506
- display: inline-block;
507
- vertical-align: middle;
508
- background-origin: border-box;
509
- -webkit-user-select: none;
510
- -moz-user-select: none;
511
- -ms-user-select: none;
512
- user-select: none;
513
- flex-shrink: 0;
514
- height: 1rem;
515
- width: 1rem;
516
- color: #2563eb;
517
- background-color: #fff;
518
- border-color: #6b7280;
519
- border-width: 1px;
520
- --tw-shadow: 0 0 #0000;
521
- }
522
-
523
- [type='checkbox'] {
524
- border-radius: 0px;
525
- }
526
-
527
- [type='radio'] {
528
- border-radius: 100%;
529
- }
530
-
531
- [type='checkbox']:focus,[type='radio']:focus {
532
- outline: 2px solid transparent;
533
- outline-offset: 2px;
534
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
535
- --tw-ring-offset-width: 2px;
536
- --tw-ring-offset-color: #fff;
537
- --tw-ring-color: #2563eb;
538
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
539
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
540
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
541
- }
542
-
543
- [type='checkbox']:checked,[type='radio']:checked {
544
- border-color: transparent;
545
- background-color: currentColor;
546
- background-size: 100% 100%;
547
- background-position: center;
548
- background-repeat: no-repeat;
549
- }
550
-
551
- [type='checkbox']:checked {
552
- 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");
553
- }
554
-
555
- [type='radio']:checked {
556
- 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");
557
- }
558
-
559
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
560
- border-color: transparent;
561
- background-color: currentColor;
562
- }
563
-
564
- [type='checkbox']:indeterminate {
565
- 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");
566
- border-color: transparent;
567
- background-color: currentColor;
568
- background-size: 100% 100%;
569
- background-position: center;
570
- background-repeat: no-repeat;
571
- }
572
-
573
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
574
- border-color: transparent;
575
- background-color: currentColor;
576
- }
577
-
578
- [type='file'] {
579
- background: unset;
580
- border-color: inherit;
581
- border-width: 0;
582
- border-radius: 0;
583
- padding: 0;
584
- font-size: unset;
585
- line-height: inherit;
586
- }
587
-
588
- [type='file']:focus {
589
- outline: 1px auto -webkit-focus-ring-color;
590
- }
591
-
592
- *, ::before, ::after {
593
- --tw-translate-x: 0;
594
- --tw-translate-y: 0;
595
- --tw-rotate: 0;
596
- --tw-skew-x: 0;
597
- --tw-skew-y: 0;
598
- --tw-scale-x: 1;
599
- --tw-scale-y: 1;
600
- --tw-pan-x: ;
601
- --tw-pan-y: ;
602
- --tw-pinch-zoom: ;
603
- --tw-scroll-snap-strictness: proximity;
604
- --tw-ordinal: ;
605
- --tw-slashed-zero: ;
606
- --tw-numeric-figure: ;
607
- --tw-numeric-spacing: ;
608
- --tw-numeric-fraction: ;
609
- --tw-ring-inset: ;
610
- --tw-ring-offset-width: 0px;
611
- --tw-ring-offset-color: #fff;
612
- --tw-ring-color: rgb(59 130 246 / 0.5);
613
- --tw-ring-offset-shadow: 0 0 #0000;
614
- --tw-ring-shadow: 0 0 #0000;
615
- --tw-shadow: 0 0 #0000;
616
- --tw-shadow-colored: 0 0 #0000;
617
- --tw-blur: ;
618
- --tw-brightness: ;
619
- --tw-contrast: ;
620
- --tw-grayscale: ;
621
- --tw-hue-rotate: ;
622
- --tw-invert: ;
623
- --tw-saturate: ;
624
- --tw-sepia: ;
625
- --tw-drop-shadow: ;
626
- --tw-backdrop-blur: ;
627
- --tw-backdrop-brightness: ;
628
- --tw-backdrop-contrast: ;
629
- --tw-backdrop-grayscale: ;
630
- --tw-backdrop-hue-rotate: ;
631
- --tw-backdrop-invert: ;
632
- --tw-backdrop-opacity: ;
633
- --tw-backdrop-saturate: ;
634
- --tw-backdrop-sepia: ;
635
- }
636
-
637
- .container {
638
- width: 100%;
639
- }
640
-
641
- @media (min-width: 640px) {
642
- .container {
643
- max-width: 640px;
644
- }
645
- }
646
-
647
- @media (min-width: 768px) {
648
- .container {
649
- max-width: 768px;
650
- }
651
- }
652
-
653
- @media (min-width: 1024px) {
654
- .container {
655
- max-width: 1024px;
656
- }
657
- }
658
-
659
- @media (min-width: 1280px) {
660
- .container {
661
- max-width: 1280px;
662
- }
663
- }
664
-
665
- @media (min-width: 1536px) {
666
- .container {
667
- max-width: 1536px;
668
- }
669
- }
670
-
671
- .sr-only {
672
- position: absolute;
673
- width: 1px;
674
- height: 1px;
675
- padding: 0;
676
- margin: -1px;
677
- overflow: hidden;
678
- clip: rect(0, 0, 0, 0);
679
- white-space: nowrap;
680
- border-width: 0;
681
- }
682
-
683
- .pointer-events-none {
684
- pointer-events: none;
685
- }
686
-
687
- .absolute {
688
- position: absolute;
689
- }
690
-
691
- .relative {
692
- position: relative;
693
- }
694
-
695
- .inset-y-0 {
696
- top: 0px;
697
- bottom: 0px;
698
- }
699
-
700
- .top-0 {
701
- top: 0px;
702
- }
703
-
704
- .right-0 {
705
- right: 0px;
706
- }
707
-
708
- .right-8 {
709
- right: 2rem;
710
- }
711
-
712
- .top-\[1px\] {
713
- top: 1px;
714
- }
715
-
716
- .left-0 {
717
- left: 0px;
718
- }
719
-
720
- .bottom-10 {
721
- bottom: 2.5rem;
722
- }
723
-
724
- .left-4 {
725
- left: 1rem;
726
- }
727
-
728
- .top-8 {
729
- top: 2rem;
730
- }
731
-
732
- .top-\[10px\] {
733
- top: 10px;
734
- }
735
-
736
- .z-30 {
737
- z-index: 30;
738
- }
739
-
740
- .z-20 {
741
- z-index: 20;
742
- }
743
-
744
- .z-10 {
745
- z-index: 10;
746
- }
747
-
748
- .m-auto {
749
- margin: auto;
750
- }
751
-
752
- .mt-5 {
753
- margin-top: 1.25rem;
754
- }
755
-
756
- .mt-1 {
757
- margin-top: 0.25rem;
758
- }
759
-
760
- .mt-2 {
761
- margin-top: 0.5rem;
762
- }
763
-
764
- .mr-3 {
765
- margin-right: 0.75rem;
766
- }
767
-
768
- .ml-0 {
769
- margin-left: 0px;
770
- }
771
-
772
- .ml-3 {
773
- margin-left: 0.75rem;
774
- }
775
-
776
- .mt-10 {
777
- margin-top: 2.5rem;
778
- }
779
-
780
- .mb-1 {
781
- margin-bottom: 0.25rem;
782
- }
783
-
784
- .ml-2 {
785
- margin-left: 0.5rem;
786
- }
787
-
788
- .mr-1 {
789
- margin-right: 0.25rem;
790
- }
791
-
792
- .-ml-px {
793
- margin-left: -1px;
794
- }
795
-
796
- .-mr-px {
797
- margin-right: -1px;
798
- }
799
-
800
- .block {
801
- display: block;
802
- }
803
-
804
- .inline-block {
805
- display: inline-block;
806
- }
807
-
808
- .inline {
809
- display: inline;
810
- }
811
-
812
- .flex {
813
- display: flex;
814
- }
815
-
816
- .inline-flex {
817
- display: inline-flex;
818
- }
819
-
820
- .table {
821
- display: table;
822
- }
823
-
824
- .grid {
825
- display: grid;
826
- }
827
-
828
- .contents {
829
- display: contents;
830
- }
831
-
832
- .hidden {
833
- display: none;
834
- }
835
-
836
- .h-6 {
837
- height: 1.5rem;
838
- }
839
-
840
- .h-16 {
841
- height: 4rem;
842
- }
843
-
844
- .h-8 {
845
- height: 2rem;
846
- }
847
-
848
- .h-10 {
849
- height: 2.5rem;
850
- }
851
-
852
- .h-12 {
853
- height: 3rem;
854
- }
855
-
856
- .h-14 {
857
- height: 3.5rem;
858
- }
859
-
860
- .h-1\.5 {
861
- height: 0.375rem;
862
- }
863
-
864
- .h-1 {
865
- height: 0.25rem;
866
- }
867
-
868
- .h-2 {
869
- height: 0.5rem;
870
- }
871
-
872
- .h-2\.5 {
873
- height: 0.625rem;
874
- }
875
-
876
- .h-3 {
877
- height: 0.75rem;
878
- }
879
-
880
- .h-3\.5 {
881
- height: 0.875rem;
882
- }
883
-
884
- .h-4 {
885
- height: 1rem;
886
- }
887
-
888
- .h-full {
889
- height: 100%;
890
- }
891
-
892
- .h-5 {
893
- height: 1.25rem;
894
- }
895
-
896
- .h-9 {
897
- height: 2.25rem;
898
- }
899
-
900
- .h-\[38px\] {
901
- height: 38px;
902
- }
903
-
904
- .h-\[28px\] {
905
- height: 28px;
906
- }
907
-
908
- .h-\[18px\] {
909
- height: 18px;
910
- }
911
-
912
- .h-\[34px\] {
913
- height: 34px;
914
- }
915
-
916
- .h-\[24px\] {
917
- height: 24px;
918
- }
919
-
920
- .h-\[14px\] {
921
- height: 14px;
922
- }
923
-
924
- .h-\[500px\] {
925
- height: 500px;
926
- }
927
-
928
- .h-\[2px\] {
929
- height: 2px;
930
- }
931
-
932
- .h-auto {
933
- height: auto;
934
- }
935
-
936
- .h-7 {
937
- height: 1.75rem;
938
- }
939
-
940
- .max-h-60 {
941
- max-height: 15rem;
942
- }
943
-
944
- .w-6 {
945
- width: 1.5rem;
946
- }
947
-
948
- .w-16 {
949
- width: 4rem;
950
- }
951
-
952
- .w-8 {
953
- width: 2rem;
954
- }
955
-
956
- .w-10 {
957
- width: 2.5rem;
958
- }
959
-
960
- .w-12 {
961
- width: 3rem;
962
- }
963
-
964
- .w-14 {
965
- width: 3.5rem;
966
- }
967
-
968
- .w-1\.5 {
969
- width: 0.375rem;
970
- }
971
-
972
- .w-1 {
973
- width: 0.25rem;
974
- }
975
-
976
- .w-2 {
977
- width: 0.5rem;
978
- }
979
-
980
- .w-2\.5 {
981
- width: 0.625rem;
982
- }
983
-
984
- .w-3 {
985
- width: 0.75rem;
986
- }
987
-
988
- .w-3\.5 {
989
- width: 0.875rem;
990
- }
991
-
992
- .w-4 {
993
- width: 1rem;
994
- }
995
-
996
- .w-full {
997
- width: 100%;
998
- }
999
-
1000
- .w-5 {
1001
- width: 1.25rem;
1002
- }
1003
-
1004
- .w-56 {
1005
- width: 14rem;
1006
- }
1007
-
1008
- .w-\[74px\] {
1009
- width: 74px;
1010
- }
1011
-
1012
- .w-\[64px\] {
1013
- width: 64px;
1014
- }
1015
-
1016
- .w-\[34px\] {
1017
- width: 34px;
1018
- }
1019
-
1020
- .w-\[24px\] {
1021
- width: 24px;
1022
- }
1023
-
1024
- .w-\[14px\] {
1025
- width: 14px;
1026
- }
1027
-
1028
- .w-\[calc\(100\%-16px\)\] {
1029
- width: calc(100% - 16px);
1030
- }
1031
-
1032
- .min-w-\[320px\] {
1033
- min-width: 320px;
1034
- }
1035
-
1036
- .flex-shrink-0 {
1037
- flex-shrink: 0;
1038
- }
1039
-
1040
- .shrink-0 {
1041
- flex-shrink: 0;
1042
- }
1043
-
1044
- .flex-grow {
1045
- flex-grow: 1;
1046
- }
1047
-
1048
- .grow {
1049
- flex-grow: 1;
1050
- }
1051
-
1052
- .origin-bottom-right {
1053
- transform-origin: bottom right;
1054
- }
1055
-
1056
- .translate-x-9 {
1057
- --tw-translate-x: 2.25rem;
1058
- 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));
1059
- }
1060
-
1061
- .translate-x-0 {
1062
- --tw-translate-x: 0px;
1063
- 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));
1064
- }
1065
-
1066
- .translate-x-4 {
1067
- --tw-translate-x: 1rem;
1068
- 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));
1069
- }
1070
-
1071
- .scale-95 {
1072
- --tw-scale-x: .95;
1073
- --tw-scale-y: .95;
1074
- 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));
1075
- }
1076
-
1077
- .scale-100 {
1078
- --tw-scale-x: 1;
1079
- --tw-scale-y: 1;
1080
- 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));
1081
- }
1082
-
1083
- .transform {
1084
- 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));
1085
- }
1086
-
1087
- @-webkit-keyframes spin {
1088
- to {
1089
- transform: rotate(360deg);
1090
- }
1091
- }
1092
-
1093
- @keyframes spin {
1094
- to {
1095
- transform: rotate(360deg);
1096
- }
1097
- }
1098
-
1099
- .animate-spin {
1100
- -webkit-animation: spin 1s linear infinite;
1101
- animation: spin 1s linear infinite;
1102
- }
1103
-
1104
- .cursor-auto {
1105
- cursor: auto;
1106
- }
1107
-
1108
- .cursor-default {
1109
- cursor: default;
1110
- }
1111
-
1112
- .cursor-pointer {
1113
- cursor: pointer;
1114
- }
1115
-
1116
- .select-none {
1117
- -webkit-user-select: none;
1118
- -moz-user-select: none;
1119
- -ms-user-select: none;
1120
- user-select: none;
1121
- }
1122
-
1123
- .grid-flow-row {
1124
- grid-auto-flow: row;
1125
- }
1126
-
1127
- .flex-row {
1128
- flex-direction: row;
1129
- }
1130
-
1131
- .flex-col {
1132
- flex-direction: column;
1133
- }
1134
-
1135
- .items-start {
1136
- align-items: flex-start;
1137
- }
1138
-
1139
- .items-center {
1140
- align-items: center;
1141
- }
1142
-
1143
- .justify-center {
1144
- justify-content: center;
1145
- }
1146
-
1147
- .gap-4 {
1148
- gap: 1rem;
1149
- }
1150
-
1151
- .gap-3 {
1152
- gap: 0.75rem;
1153
- }
1154
-
1155
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1156
- --tw-space-x-reverse: 0;
1157
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1158
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1159
- }
1160
-
1161
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1162
- --tw-space-x-reverse: 0;
1163
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1164
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1165
- }
1166
-
1167
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1168
- --tw-divide-y-reverse: 0;
1169
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1170
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1171
- }
1172
-
1173
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1174
- --tw-divide-opacity: 1;
1175
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1176
- }
1177
-
1178
- .self-end {
1179
- align-self: flex-end;
1180
- }
1181
-
1182
- .self-center {
1183
- align-self: center;
1184
- }
1185
-
1186
- .overflow-auto {
1187
- overflow: auto;
1188
- }
1189
-
1190
- .overflow-hidden {
1191
- overflow: hidden;
1192
- }
1193
-
1194
- .truncate {
1195
- overflow: hidden;
1196
- text-overflow: ellipsis;
1197
- white-space: nowrap;
1198
- }
1199
-
1200
- .rounded-full {
1201
- border-radius: 9999px;
1202
- }
1203
-
1204
- .rounded-md {
1205
- border-radius: 0.375rem;
1206
- }
1207
-
1208
- .rounded {
1209
- border-radius: 0.25rem;
1210
- }
1211
-
1212
- .rounded-none {
1213
- border-radius: 0px;
1214
- }
1215
-
1216
- .rounded-r-md {
1217
- border-top-right-radius: 0.375rem;
1218
- border-bottom-right-radius: 0.375rem;
1219
- }
1220
-
1221
- .\!rounded-r-none {
1222
- border-top-right-radius: 0px !important;
1223
- border-bottom-right-radius: 0px !important;
1224
- }
1225
-
1226
- .\!rounded-l-md {
1227
- border-top-left-radius: 0.375rem !important;
1228
- border-bottom-left-radius: 0.375rem !important;
1229
- }
1230
-
1231
- .\!rounded-r-md {
1232
- border-top-right-radius: 0.375rem !important;
1233
- border-bottom-right-radius: 0.375rem !important;
1234
- }
1235
-
1236
- .rounded-l-md {
1237
- border-top-left-radius: 0.375rem;
1238
- border-bottom-left-radius: 0.375rem;
1239
- }
1240
-
1241
- .border-8 {
1242
- border-width: 8px;
1243
- }
1244
-
1245
- .border {
1246
- border-width: 1px;
1247
- }
1248
-
1249
- .border-2 {
1250
- border-width: 2px;
1251
- }
1252
-
1253
- .\!border-l-0 {
1254
- border-left-width: 0px !important;
1255
- }
1256
-
1257
- .border-l {
1258
- border-left-width: 1px;
1259
- }
1260
-
1261
- .border-purple-700 {
1262
- --tw-border-opacity: 1;
1263
- border-color: rgb(126 34 206 / var(--tw-border-opacity));
1264
- }
1265
-
1266
- .border-gray-300 {
1267
- --tw-border-opacity: 1;
1268
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1269
- }
1270
-
1271
- .border-red-300 {
1272
- --tw-border-opacity: 1;
1273
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1274
- }
1275
-
1276
- .border-red-500 {
1277
- --tw-border-opacity: 1;
1278
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
1279
- }
1280
-
1281
- .border-transparent {
1282
- border-color: transparent;
1283
- }
1284
-
1285
- .border-purple-500 {
1286
- --tw-border-opacity: 1;
1287
- border-color: rgb(168 85 247 / var(--tw-border-opacity));
1288
- }
1289
-
1290
- .\!border-red-500 {
1291
- --tw-border-opacity: 1 !important;
1292
- border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important;
1293
- }
1294
-
1295
- .border-r-gray-200 {
1296
- --tw-border-opacity: 1;
1297
- border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
1298
- }
1299
-
1300
- .border-l-gray-300 {
1301
- --tw-border-opacity: 1;
1302
- border-left-color: rgb(209 213 219 / var(--tw-border-opacity));
1303
- }
1304
-
1305
- .\!border-l-white {
1306
- --tw-border-opacity: 1 !important;
1307
- border-left-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
1308
- }
1309
-
1310
- .\!border-r-white {
1311
- --tw-border-opacity: 1 !important;
1312
- border-right-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
1313
- }
1314
-
1315
- .border-r-white {
1316
- --tw-border-opacity: 1;
1317
- border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
1318
- }
1319
-
1320
- .border-l-white {
1321
- --tw-border-opacity: 1;
1322
- border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
1323
- }
1324
-
1325
- .bg-gray-500 {
1326
- --tw-bg-opacity: 1;
1327
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1328
- }
1329
-
1330
- .bg-gray-100 {
1331
- --tw-bg-opacity: 1;
1332
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1333
- }
1334
-
1335
- .bg-gray-300 {
1336
- --tw-bg-opacity: 1;
1337
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1338
- }
1339
-
1340
- .bg-red-400 {
1341
- --tw-bg-opacity: 1;
1342
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1343
- }
1344
-
1345
- .bg-green-400 {
1346
- --tw-bg-opacity: 1;
1347
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1348
- }
1349
-
1350
- .bg-purple-600 {
1351
- --tw-bg-opacity: 1;
1352
- background-color: rgb(147 51 234 / var(--tw-bg-opacity));
1353
- }
1354
-
1355
- .bg-purple-100 {
1356
- --tw-bg-opacity: 1;
1357
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
1358
- }
1359
-
1360
- .bg-white {
1361
- --tw-bg-opacity: 1;
1362
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1363
- }
1364
-
1365
- .bg-red-600 {
1366
- --tw-bg-opacity: 1;
1367
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1368
- }
1369
-
1370
- .bg-gray-200 {
1371
- --tw-bg-opacity: 1;
1372
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1373
- }
1374
-
1375
- .bg-purple-500 {
1376
- --tw-bg-opacity: 1;
1377
- background-color: rgb(168 85 247 / var(--tw-bg-opacity));
1378
- }
1379
-
1380
- .bg-gray-50 {
1381
- --tw-bg-opacity: 1;
1382
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1383
- }
1384
-
1385
- .fill-white {
1386
- fill: #fff;
1387
- }
1388
-
1389
- .p-1 {
1390
- padding: 0.25rem;
1391
- }
1392
-
1393
- .px-4 {
1394
- padding-left: 1rem;
1395
- padding-right: 1rem;
1396
- }
1397
-
1398
- .py-2 {
1399
- padding-top: 0.5rem;
1400
- padding-bottom: 0.5rem;
1401
- }
1402
-
1403
- .px-5 {
1404
- padding-left: 1.25rem;
1405
- padding-right: 1.25rem;
1406
- }
1407
-
1408
- .px-2 {
1409
- padding-left: 0.5rem;
1410
- padding-right: 0.5rem;
1411
- }
1412
-
1413
- .py-1 {
1414
- padding-top: 0.25rem;
1415
- padding-bottom: 0.25rem;
1416
- }
1417
-
1418
- .py-16 {
1419
- padding-top: 4rem;
1420
- padding-bottom: 4rem;
1421
- }
1422
-
1423
- .px-3 {
1424
- padding-left: 0.75rem;
1425
- padding-right: 0.75rem;
1426
- }
1427
-
1428
- .px-1 {
1429
- padding-left: 0.25rem;
1430
- padding-right: 0.25rem;
1431
- }
1432
-
1433
- .py-\[6px\] {
1434
- padding-top: 6px;
1435
- padding-bottom: 6px;
1436
- }
1437
-
1438
- .pl-3 {
1439
- padding-left: 0.75rem;
1440
- }
1441
-
1442
- .pr-10 {
1443
- padding-right: 2.5rem;
1444
- }
1445
-
1446
- .pr-9 {
1447
- padding-right: 2.25rem;
1448
- }
1449
-
1450
- .pr-4 {
1451
- padding-right: 1rem;
1452
- }
1453
-
1454
- .pl-0 {
1455
- padding-left: 0px;
1456
- }
1457
-
1458
- .pl-2 {
1459
- padding-left: 0.5rem;
1460
- }
1461
-
1462
- .pl-10 {
1463
- padding-left: 2.5rem;
1464
- }
1465
-
1466
- .pl-7 {
1467
- padding-left: 1.75rem;
1468
- }
1469
-
1470
- .pr-7 {
1471
- padding-right: 1.75rem;
1472
- }
1473
-
1474
- .text-left {
1475
- text-align: left;
1476
- }
1477
-
1478
- .text-center {
1479
- text-align: center;
1480
- }
1481
-
1482
- .align-middle {
1483
- vertical-align: middle;
1484
- }
1485
-
1486
- .font-muli {
1487
- font-family: Muli, sans-serif;
1488
- }
1489
-
1490
- .text-xs {
1491
- font-size: 0.75rem;
1492
- line-height: 1rem;
1493
- }
1494
-
1495
- .text-sm {
1496
- font-size: 0.875rem;
1497
- line-height: 1.25rem;
1498
- }
1499
-
1500
- .text-base {
1501
- font-size: 1rem;
1502
- line-height: 1.5rem;
1503
- }
1504
-
1505
- .text-lg {
1506
- font-size: 1.125rem;
1507
- line-height: 1.75rem;
1508
- }
1509
-
1510
- .text-xl {
1511
- font-size: 1.25rem;
1512
- line-height: 1.75rem;
1513
- }
1514
-
1515
- .font-medium {
1516
- font-weight: 500;
1517
- }
1518
-
1519
- .font-semibold {
1520
- font-weight: 600;
1521
- }
1522
-
1523
- .font-normal {
1524
- font-weight: 400;
1525
- }
1526
-
1527
- .uppercase {
1528
- text-transform: uppercase;
1529
- }
1530
-
1531
- .leading-none {
1532
- line-height: 1;
1533
- }
1534
-
1535
- .leading-5 {
1536
- line-height: 1.25rem;
1537
- }
1538
-
1539
- .text-gray-600 {
1540
- --tw-text-opacity: 1;
1541
- color: rgb(75 85 99 / var(--tw-text-opacity));
1542
- }
1543
-
1544
- .text-white {
1545
- --tw-text-opacity: 1;
1546
- color: rgb(255 255 255 / var(--tw-text-opacity));
1547
- }
1548
-
1549
- .text-gray-300 {
1550
- --tw-text-opacity: 1;
1551
- color: rgb(209 213 219 / var(--tw-text-opacity));
1552
- }
1553
-
1554
- .text-purple-700 {
1555
- --tw-text-opacity: 1;
1556
- color: rgb(126 34 206 / var(--tw-text-opacity));
1557
- }
1558
-
1559
- .text-gray-700 {
1560
- --tw-text-opacity: 1;
1561
- color: rgb(55 65 81 / var(--tw-text-opacity));
1562
- }
1563
-
1564
- .text-gray-400 {
1565
- --tw-text-opacity: 1;
1566
- color: rgb(156 163 175 / var(--tw-text-opacity));
1567
- }
1568
-
1569
- .text-gray-900 {
1570
- --tw-text-opacity: 1;
1571
- color: rgb(17 24 39 / var(--tw-text-opacity));
1572
- }
1573
-
1574
- .text-purple-600 {
1575
- --tw-text-opacity: 1;
1576
- color: rgb(147 51 234 / var(--tw-text-opacity));
1577
- }
1578
-
1579
- .text-red-500 {
1580
- --tw-text-opacity: 1;
1581
- color: rgb(239 68 68 / var(--tw-text-opacity));
1582
- }
1583
-
1584
- .text-gray-200 {
1585
- --tw-text-opacity: 1;
1586
- color: rgb(229 231 235 / var(--tw-text-opacity));
1587
- }
1588
-
1589
- .text-gray-500 {
1590
- --tw-text-opacity: 1;
1591
- color: rgb(107 114 128 / var(--tw-text-opacity));
1592
- }
1593
-
1594
- .text-gray-700\/\[\.5\] {
1595
- color: rgb(55 65 81 / .5);
1596
- }
1597
-
1598
- .text-purple-500 {
1599
- --tw-text-opacity: 1;
1600
- color: rgb(168 85 247 / var(--tw-text-opacity));
1601
- }
1602
-
1603
- .opacity-50 {
1604
- opacity: 0.5;
1605
- }
1606
-
1607
- .opacity-0 {
1608
- opacity: 0;
1609
- }
1610
-
1611
- .opacity-100 {
1612
- opacity: 1;
1613
- }
1614
-
1615
- .shadow-sm {
1616
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1617
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1618
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1619
- }
1620
-
1621
- .shadow-lg {
1622
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1623
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1624
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1625
- }
1626
-
1627
- .shadow-none {
1628
- --tw-shadow: 0 0 #0000;
1629
- --tw-shadow-colored: 0 0 #0000;
1630
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1631
- }
1632
-
1633
- .outline {
1634
- outline-style: solid;
1635
- }
1636
-
1637
- .outline-purple-500 {
1638
- outline-color: #a855f7;
1639
- }
1640
-
1641
- .\!outline-red-500 {
1642
- outline-color: #ef4444 !important;
1643
- }
1644
-
1645
- .outline-red-500 {
1646
- outline-color: #ef4444;
1647
- }
1648
-
1649
- .ring-2 {
1650
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1651
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1652
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1653
- }
1654
-
1655
- .ring-1 {
1656
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1657
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1658
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1659
- }
1660
-
1661
- .ring-0 {
1662
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1663
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1664
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1665
- }
1666
-
1667
- .ring-white {
1668
- --tw-ring-opacity: 1;
1669
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
1670
- }
1671
-
1672
- .ring-black {
1673
- --tw-ring-opacity: 1;
1674
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1675
- }
1676
-
1677
- .ring-opacity-5 {
1678
- --tw-ring-opacity: 0.05;
1679
- }
1680
-
1681
- .blur {
1682
- --tw-blur: blur(8px);
1683
- 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);
1684
- }
1685
-
1686
- .filter {
1687
- 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);
1688
- }
1689
-
1690
- .transition-all {
1691
- transition-property: all;
1692
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1693
- transition-duration: 150ms;
1694
- }
1695
-
1696
- .transition {
1697
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1698
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1699
- 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;
1700
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1701
- transition-duration: 150ms;
1702
- }
1703
-
1704
- .transition-colors {
1705
- transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
1706
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1707
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
1708
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1709
- transition-duration: 150ms;
1710
- }
1711
-
1712
- .duration-100 {
1713
- transition-duration: 100ms;
1714
- }
1715
-
1716
- .duration-75 {
1717
- transition-duration: 75ms;
1718
- }
1719
-
1720
- .duration-200 {
1721
- transition-duration: 200ms;
1722
- }
1723
-
1724
- .ease-out {
1725
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1726
- }
1727
-
1728
- .ease-in {
1729
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1730
- }
1731
-
1732
- .ease-in-out {
1733
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1734
- }
1735
-
1736
- .focus-within\:z-20:focus-within {
1737
- z-index: 20;
1738
- }
1739
-
1740
- .focus-within\:z-10:focus-within {
1741
- z-index: 10;
1742
- }
1743
-
1744
- .hover\:bg-purple-700:hover {
1745
- --tw-bg-opacity: 1;
1746
- background-color: rgb(126 34 206 / var(--tw-bg-opacity));
1747
- }
1748
-
1749
- .hover\:bg-purple-200:hover {
1750
- --tw-bg-opacity: 1;
1751
- background-color: rgb(233 213 255 / var(--tw-bg-opacity));
1752
- }
1753
-
1754
- .hover\:bg-gray-50:hover {
1755
- --tw-bg-opacity: 1;
1756
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1757
- }
1758
-
1759
- .hover\:bg-red-700:hover {
1760
- --tw-bg-opacity: 1;
1761
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1762
- }
1763
-
1764
- .hover\:bg-gray-100:hover {
1765
- --tw-bg-opacity: 1;
1766
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1767
- }
1768
-
1769
- .hover\:text-purple-700:hover {
1770
- --tw-text-opacity: 1;
1771
- color: rgb(126 34 206 / var(--tw-text-opacity));
1772
- }
1773
-
1774
- .hover\:text-gray-700:hover {
1775
- --tw-text-opacity: 1;
1776
- color: rgb(55 65 81 / var(--tw-text-opacity));
1777
- }
1778
-
1779
- .hover\:text-white:hover {
1780
- --tw-text-opacity: 1;
1781
- color: rgb(255 255 255 / var(--tw-text-opacity));
1782
- }
1783
-
1784
- .hover\:text-gray-500:hover {
1785
- --tw-text-opacity: 1;
1786
- color: rgb(107 114 128 / var(--tw-text-opacity));
1787
- }
1788
-
1789
- .hover\:text-gray-600:hover {
1790
- --tw-text-opacity: 1;
1791
- color: rgb(75 85 99 / var(--tw-text-opacity));
1792
- }
1793
-
1794
- .hover\:text-red-500:hover {
1795
- --tw-text-opacity: 1;
1796
- color: rgb(239 68 68 / var(--tw-text-opacity));
1797
- }
1798
-
1799
- .focus\:border-purple-500:focus {
1800
- --tw-border-opacity: 1;
1801
- border-color: rgb(168 85 247 / var(--tw-border-opacity));
1802
- }
1803
-
1804
- .focus\:outline-none:focus {
1805
- outline: 2px solid transparent;
1806
- outline-offset: 2px;
1807
- }
1808
-
1809
- .focus\:ring-1:focus {
1810
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1811
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1812
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1813
- }
1814
-
1815
- .focus\:ring-purple-500:focus {
1816
- --tw-ring-opacity: 1;
1817
- --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
1818
- }
1819
-
1820
- .focus\:ring-red-500:focus {
1821
- --tw-ring-opacity: 1;
1822
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
1823
- }
1824
-
1825
- .focus-visible\:ring-2:focus-visible {
1826
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1827
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1828
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1829
- }
1830
-
1831
- .focus-visible\:ring-white:focus-visible {
1832
- --tw-ring-opacity: 1;
1833
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
1834
- }
1835
-
1836
- .focus-visible\:ring-opacity-75:focus-visible {
1837
- --tw-ring-opacity: 0.75;
1838
- }
1839
-
1840
- .group:hover .group-hover\:block {
1841
- display: block;
1842
- }
1843
-
1844
- .group:hover .group-hover\:text-gray-500 {
1845
- --tw-text-opacity: 1;
1846
- color: rgb(107 114 128 / var(--tw-text-opacity));
1847
- }
1848
-
1849
- .group:hover .group-hover\:text-red-500 {
1850
- --tw-text-opacity: 1;
1851
- color: rgb(239 68 68 / var(--tw-text-opacity));
1852
- }
1853
-
1854
- @media (prefers-color-scheme: dark) {
1855
- .dark\:text-purple-500 {
1856
- --tw-text-opacity: 1;
1857
- color: rgb(168 85 247 / var(--tw-text-opacity));
1858
- }
1859
- }
1860
-
1861
- @media (min-width: 640px) {
1862
- .sm\:text-sm {
1863
- font-size: 0.875rem;
1864
- line-height: 1.25rem;
1865
- }
1866
- }