@sqrzro/admin 2.1.0-bz.1 → 2.1.0-bz.11

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 (117) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +8 -5
  3. package/dist/components/AppLayout/index.d.ts +4 -1
  4. package/dist/components/AppLayout/index.js +7 -4
  5. package/dist/components/AppNavigation/index.js +4 -3
  6. package/dist/components/Auth/index.d.ts +5 -0
  7. package/dist/components/Auth/index.js +12 -0
  8. package/dist/components/Badge/index.d.ts +8 -0
  9. package/dist/components/Badge/index.js +11 -0
  10. package/dist/components/Dashboard/index.js +1 -1
  11. package/dist/components/DateFilter/index.js +0 -1
  12. package/dist/components/FilterBar/index.d.ts +4 -3
  13. package/dist/components/FilterBar/index.js +12 -3
  14. package/dist/components/FilterBarItem/index.d.ts +2 -1
  15. package/dist/components/FilterBarItem/index.js +2 -2
  16. package/dist/components/GridList/index.d.ts +2 -2
  17. package/dist/components/GridList/index.js +1 -1
  18. package/dist/components/GridListItem/index.d.ts +1 -1
  19. package/dist/components/GridListItem/index.js +3 -2
  20. package/dist/components/InfoPanel/index.d.ts +8 -0
  21. package/dist/components/InfoPanel/index.js +10 -0
  22. package/dist/components/List/index.d.ts +12 -10
  23. package/dist/components/List/index.js +7 -5
  24. package/dist/components/ListActions/index.js +1 -1
  25. package/dist/components/ListItem/index.d.ts +9 -6
  26. package/dist/components/ListItem/index.js +8 -4
  27. package/dist/components/MeActions/index.js +3 -10
  28. package/dist/components/MePanel/index.d.ts +6 -1
  29. package/dist/components/MePanel/index.js +2 -5
  30. package/dist/components/Page/index.d.ts +1 -1
  31. package/dist/components/Page/index.js +2 -2
  32. package/dist/components/Panel/index.d.ts +1 -1
  33. package/dist/components/Panel/index.js +1 -1
  34. package/dist/components/RootLayout/index.d.ts +2 -1
  35. package/dist/components/RootLayout/index.js +12 -5
  36. package/dist/components/SettingsForm/index.d.ts +2 -0
  37. package/dist/components/SettingsForm/index.js +9 -0
  38. package/dist/components/SettingsPage/index.d.ts +2 -0
  39. package/dist/components/SettingsPage/index.js +7 -0
  40. package/dist/components/Table/index.d.ts +2 -2
  41. package/dist/components/TableClientComponent/index.d.ts +4 -4
  42. package/dist/components/TableClientComponent/index.js +17 -4
  43. package/dist/components/Tabs/index.js +20 -2
  44. package/dist/components/index.d.ts +12 -4
  45. package/dist/components/index.js +6 -2
  46. package/dist/services/ConfigService.d.ts +3 -1
  47. package/dist/services/ConfigService.js +5 -5
  48. package/dist/styles/config.js +94 -35
  49. package/dist/styles/postcss.d.ts +6 -0
  50. package/dist/styles/postcss.js +4 -0
  51. package/dist/styles/tailwind.d.ts +10 -0
  52. package/dist/styles/tailwind.js +72 -0
  53. package/package.json +37 -46
  54. package/postcss.js +3 -0
  55. package/tailwind.d.ts +1 -0
  56. package/tailwind.js +1 -0
  57. package/.babelrc.json +0 -16
  58. package/.eslintignore +0 -6
  59. package/.eslintrc +0 -5
  60. package/.sqrzrorc +0 -5
  61. package/.storybook/main.js +0 -11
  62. package/.storybook/preview-head.html +0 -3
  63. package/.storybook/preview.js +0 -1
  64. package/.turbo/turbo-build.log +0 -20
  65. package/.turbo/turbo-prettier.log +0 -43
  66. package/COMPONENTS.md +0 -45
  67. package/dist/components/LoginForm/index.d.ts +0 -6
  68. package/dist/components/LoginForm/index.js +0 -7
  69. package/dist/styles.css +0 -1723
  70. package/dist/utility/formatters.d.ts +0 -1
  71. package/dist/utility/formatters.js +0 -8
  72. package/next-env.d.ts +0 -5
  73. package/postcss.config.js +0 -3
  74. package/prettier.config.js +0 -1
  75. package/src/components/AppLayout/index.tsx +0 -32
  76. package/src/components/AppNavigation/index.tsx +0 -39
  77. package/src/components/BooleanFilter/index.tsx +0 -28
  78. package/src/components/Config/index.tsx +0 -17
  79. package/src/components/Dashboard/index.tsx +0 -15
  80. package/src/components/DateFilter/index.tsx +0 -49
  81. package/src/components/DropdownFilter/index.tsx +0 -19
  82. package/src/components/FilterBar/index.tsx +0 -35
  83. package/src/components/FilterBarItem/index.tsx +0 -126
  84. package/src/components/GridList/index.tsx +0 -11
  85. package/src/components/GridListItem/index.tsx +0 -31
  86. package/src/components/Icon/index.tsx +0 -33
  87. package/src/components/List/index.tsx +0 -70
  88. package/src/components/ListAction/index.tsx +0 -25
  89. package/src/components/ListActions/index.tsx +0 -43
  90. package/src/components/ListItem/index.tsx +0 -56
  91. package/src/components/LoginForm/index.tsx +0 -34
  92. package/src/components/MeActions/index.tsx +0 -21
  93. package/src/components/MePanel/index.tsx +0 -21
  94. package/src/components/Page/index.tsx +0 -60
  95. package/src/components/PageActions/index.tsx +0 -22
  96. package/src/components/Panel/Panel.spec.tsx +0 -10
  97. package/src/components/Panel/Panel.stories.tsx +0 -9
  98. package/src/components/Panel/index.tsx +0 -15
  99. package/src/components/RootLayout/index.tsx +0 -39
  100. package/src/components/Table/index.tsx +0 -34
  101. package/src/components/TableClientComponent/index.tsx +0 -112
  102. package/src/components/Tabs/index.tsx +0 -25
  103. package/src/components/index.ts +0 -68
  104. package/src/icons/ErrorIcon/index.tsx +0 -19
  105. package/src/icons/InfoIcon/index.tsx +0 -19
  106. package/src/icons/SuccessIcon/index.tsx +0 -19
  107. package/src/icons/WarningIcon/index.tsx +0 -19
  108. package/src/index.ts +0 -3
  109. package/src/interfaces.ts +0 -3
  110. package/src/react.d.ts +0 -12
  111. package/src/services/ConfigService.ts +0 -24
  112. package/src/styles/config.ts +0 -95
  113. package/src/styles/tailwind.css +0 -47
  114. package/src/utility/formatters.ts +0 -9
  115. package/tailwind.config.js +0 -16
  116. package/tsconfig.build.json +0 -4
  117. package/tsconfig.json +0 -18
package/dist/styles.css DELETED
@@ -1,1723 +0,0 @@
1
- /*
2
- ! tailwindcss v3.4.1 | 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
- 5. Use the user's configured `sans` font-feature-settings by default.
34
- 6. Use the user's configured `sans` font-variation-settings by default.
35
- 7. Disable tap highlights on iOS
36
- */
37
-
38
- html,
39
- :host {
40
- line-height: 1.5;
41
- /* 1 */
42
- -webkit-text-size-adjust: 100%;
43
- /* 2 */
44
- -moz-tab-size: 4;
45
- /* 3 */
46
- -o-tab-size: 4;
47
- tab-size: 4;
48
- /* 3 */
49
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
50
- /* 4 */
51
- font-feature-settings: normal;
52
- /* 5 */
53
- font-variation-settings: normal;
54
- /* 6 */
55
- -webkit-tap-highlight-color: transparent;
56
- /* 7 */
57
- }
58
-
59
- /*
60
- 1. Remove the margin in all browsers.
61
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
- */
63
-
64
- body {
65
- margin: 0;
66
- /* 1 */
67
- line-height: inherit;
68
- /* 2 */
69
- }
70
-
71
- /*
72
- 1. Add the correct height in Firefox.
73
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
- 3. Ensure horizontal rules are visible by default.
75
- */
76
-
77
- hr {
78
- height: 0;
79
- /* 1 */
80
- color: inherit;
81
- /* 2 */
82
- border-top-width: 1px;
83
- /* 3 */
84
- }
85
-
86
- /*
87
- Add the correct text decoration in Chrome, Edge, and Safari.
88
- */
89
-
90
- abbr:where([title]) {
91
- -webkit-text-decoration: underline dotted;
92
- text-decoration: underline dotted;
93
- }
94
-
95
- /*
96
- Remove the default font size and weight for headings.
97
- */
98
-
99
- h1,
100
- h2,
101
- h3,
102
- h4,
103
- h5,
104
- h6 {
105
- font-size: inherit;
106
- font-weight: inherit;
107
- }
108
-
109
- /*
110
- Reset links to optimize for opt-in styling instead of opt-out.
111
- */
112
-
113
- a {
114
- color: inherit;
115
- text-decoration: inherit;
116
- }
117
-
118
- /*
119
- Add the correct font weight in Edge and Safari.
120
- */
121
-
122
- b,
123
- strong {
124
- font-weight: bolder;
125
- }
126
-
127
- /*
128
- 1. Use the user's configured `mono` font-family by default.
129
- 2. Use the user's configured `mono` font-feature-settings by default.
130
- 3. Use the user's configured `mono` font-variation-settings by default.
131
- 4. Correct the odd `em` font sizing in all browsers.
132
- */
133
-
134
- code,
135
- kbd,
136
- samp,
137
- pre {
138
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
- /* 1 */
140
- font-feature-settings: normal;
141
- /* 2 */
142
- font-variation-settings: normal;
143
- /* 3 */
144
- font-size: 1em;
145
- /* 4 */
146
- }
147
-
148
- /*
149
- Add the correct font size in all browsers.
150
- */
151
-
152
- small {
153
- font-size: 80%;
154
- }
155
-
156
- /*
157
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
- */
159
-
160
- sub,
161
- sup {
162
- font-size: 75%;
163
- line-height: 0;
164
- position: relative;
165
- vertical-align: baseline;
166
- }
167
-
168
- sub {
169
- bottom: -0.25em;
170
- }
171
-
172
- sup {
173
- top: -0.5em;
174
- }
175
-
176
- /*
177
- 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)
178
- 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)
179
- 3. Remove gaps between table borders by default.
180
- */
181
-
182
- table {
183
- text-indent: 0;
184
- /* 1 */
185
- border-color: inherit;
186
- /* 2 */
187
- border-collapse: collapse;
188
- /* 3 */
189
- }
190
-
191
- /*
192
- 1. Change the font styles in all browsers.
193
- 2. Remove the margin in Firefox and Safari.
194
- 3. Remove default padding in all browsers.
195
- */
196
-
197
- button,
198
- input,
199
- optgroup,
200
- select,
201
- textarea {
202
- font-family: inherit;
203
- /* 1 */
204
- font-feature-settings: inherit;
205
- /* 1 */
206
- font-variation-settings: inherit;
207
- /* 1 */
208
- font-size: 100%;
209
- /* 1 */
210
- font-weight: inherit;
211
- /* 1 */
212
- line-height: inherit;
213
- /* 1 */
214
- color: inherit;
215
- /* 1 */
216
- margin: 0;
217
- /* 2 */
218
- padding: 0;
219
- /* 3 */
220
- }
221
-
222
- /*
223
- Remove the inheritance of text transform in Edge and Firefox.
224
- */
225
-
226
- button,
227
- select {
228
- text-transform: none;
229
- }
230
-
231
- /*
232
- 1. Correct the inability to style clickable types in iOS and Safari.
233
- 2. Remove default button styles.
234
- */
235
-
236
- button,
237
- [type='button'],
238
- [type='reset'],
239
- [type='submit'] {
240
- -webkit-appearance: button;
241
- /* 1 */
242
- background-color: transparent;
243
- /* 2 */
244
- background-image: none;
245
- /* 2 */
246
- }
247
-
248
- /*
249
- Use the modern Firefox focus style for all focusable elements.
250
- */
251
-
252
- :-moz-focusring {
253
- outline: auto;
254
- }
255
-
256
- /*
257
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
258
- */
259
-
260
- :-moz-ui-invalid {
261
- box-shadow: none;
262
- }
263
-
264
- /*
265
- Add the correct vertical alignment in Chrome and Firefox.
266
- */
267
-
268
- progress {
269
- vertical-align: baseline;
270
- }
271
-
272
- /*
273
- Correct the cursor style of increment and decrement buttons in Safari.
274
- */
275
-
276
- ::-webkit-inner-spin-button,
277
- ::-webkit-outer-spin-button {
278
- height: auto;
279
- }
280
-
281
- /*
282
- 1. Correct the odd appearance in Chrome and Safari.
283
- 2. Correct the outline style in Safari.
284
- */
285
-
286
- [type='search'] {
287
- -webkit-appearance: textfield;
288
- /* 1 */
289
- outline-offset: -2px;
290
- /* 2 */
291
- }
292
-
293
- /*
294
- Remove the inner padding in Chrome and Safari on macOS.
295
- */
296
-
297
- ::-webkit-search-decoration {
298
- -webkit-appearance: none;
299
- }
300
-
301
- /*
302
- 1. Correct the inability to style clickable types in iOS and Safari.
303
- 2. Change font properties to `inherit` in Safari.
304
- */
305
-
306
- ::-webkit-file-upload-button {
307
- -webkit-appearance: button;
308
- /* 1 */
309
- font: inherit;
310
- /* 2 */
311
- }
312
-
313
- /*
314
- Add the correct display in Chrome and Safari.
315
- */
316
-
317
- summary {
318
- display: list-item;
319
- }
320
-
321
- /*
322
- Removes the default spacing and border for appropriate elements.
323
- */
324
-
325
- blockquote,
326
- dl,
327
- dd,
328
- h1,
329
- h2,
330
- h3,
331
- h4,
332
- h5,
333
- h6,
334
- hr,
335
- figure,
336
- p,
337
- pre {
338
- margin: 0;
339
- }
340
-
341
- fieldset {
342
- margin: 0;
343
- padding: 0;
344
- }
345
-
346
- legend {
347
- padding: 0;
348
- }
349
-
350
- ol,
351
- ul,
352
- menu {
353
- list-style: none;
354
- margin: 0;
355
- padding: 0;
356
- }
357
-
358
- /*
359
- Reset default styling for dialogs.
360
- */
361
-
362
- dialog {
363
- padding: 0;
364
- }
365
-
366
- /*
367
- Prevent resizing textareas horizontally by default.
368
- */
369
-
370
- textarea {
371
- resize: vertical;
372
- }
373
-
374
- /*
375
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
376
- 2. Set the default placeholder color to the user's configured gray 400 color.
377
- */
378
-
379
- input::-moz-placeholder, textarea::-moz-placeholder {
380
- opacity: 1;
381
- /* 1 */
382
- color: #9ca3af;
383
- /* 2 */
384
- }
385
-
386
- input::placeholder,
387
- textarea::placeholder {
388
- opacity: 1;
389
- /* 1 */
390
- color: #9ca3af;
391
- /* 2 */
392
- }
393
-
394
- /*
395
- Set the default cursor for buttons.
396
- */
397
-
398
- button,
399
- [role="button"] {
400
- cursor: pointer;
401
- }
402
-
403
- /*
404
- Make sure disabled buttons don't get the pointer cursor.
405
- */
406
-
407
- :disabled {
408
- cursor: default;
409
- }
410
-
411
- /*
412
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
413
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
414
- This can trigger a poorly considered lint error in some tools but is included by design.
415
- */
416
-
417
- img,
418
- svg,
419
- video,
420
- canvas,
421
- audio,
422
- iframe,
423
- embed,
424
- object {
425
- display: block;
426
- /* 1 */
427
- vertical-align: middle;
428
- /* 2 */
429
- }
430
-
431
- /*
432
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
433
- */
434
-
435
- img,
436
- video {
437
- max-width: 100%;
438
- height: auto;
439
- }
440
-
441
- /* Make elements with the HTML hidden attribute stay hidden by default */
442
-
443
- [hidden] {
444
- display: none;
445
- }
446
-
447
- body {
448
- --tw-bg-opacity: 1;
449
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
450
- font-family: var(--font-body), sans-serif;
451
- font-size: 0.875rem;
452
- line-height: 1.25rem;
453
- --tw-text-opacity: 1;
454
- color: rgb(30 41 59 / var(--tw-text-opacity));
455
- }
456
-
457
- *, ::before, ::after {
458
- --tw-border-spacing-x: 0;
459
- --tw-border-spacing-y: 0;
460
- --tw-translate-x: 0;
461
- --tw-translate-y: 0;
462
- --tw-rotate: 0;
463
- --tw-skew-x: 0;
464
- --tw-skew-y: 0;
465
- --tw-scale-x: 1;
466
- --tw-scale-y: 1;
467
- --tw-pan-x: ;
468
- --tw-pan-y: ;
469
- --tw-pinch-zoom: ;
470
- --tw-scroll-snap-strictness: proximity;
471
- --tw-gradient-from-position: ;
472
- --tw-gradient-via-position: ;
473
- --tw-gradient-to-position: ;
474
- --tw-ordinal: ;
475
- --tw-slashed-zero: ;
476
- --tw-numeric-figure: ;
477
- --tw-numeric-spacing: ;
478
- --tw-numeric-fraction: ;
479
- --tw-ring-inset: ;
480
- --tw-ring-offset-width: 0px;
481
- --tw-ring-offset-color: #fff;
482
- --tw-ring-color: rgb(59 130 246 / 0.5);
483
- --tw-ring-offset-shadow: 0 0 #0000;
484
- --tw-ring-shadow: 0 0 #0000;
485
- --tw-shadow: 0 0 #0000;
486
- --tw-shadow-colored: 0 0 #0000;
487
- --tw-blur: ;
488
- --tw-brightness: ;
489
- --tw-contrast: ;
490
- --tw-grayscale: ;
491
- --tw-hue-rotate: ;
492
- --tw-invert: ;
493
- --tw-saturate: ;
494
- --tw-sepia: ;
495
- --tw-drop-shadow: ;
496
- --tw-backdrop-blur: ;
497
- --tw-backdrop-brightness: ;
498
- --tw-backdrop-contrast: ;
499
- --tw-backdrop-grayscale: ;
500
- --tw-backdrop-hue-rotate: ;
501
- --tw-backdrop-invert: ;
502
- --tw-backdrop-opacity: ;
503
- --tw-backdrop-saturate: ;
504
- --tw-backdrop-sepia: ;
505
- }
506
-
507
- ::backdrop {
508
- --tw-border-spacing-x: 0;
509
- --tw-border-spacing-y: 0;
510
- --tw-translate-x: 0;
511
- --tw-translate-y: 0;
512
- --tw-rotate: 0;
513
- --tw-skew-x: 0;
514
- --tw-skew-y: 0;
515
- --tw-scale-x: 1;
516
- --tw-scale-y: 1;
517
- --tw-pan-x: ;
518
- --tw-pan-y: ;
519
- --tw-pinch-zoom: ;
520
- --tw-scroll-snap-strictness: proximity;
521
- --tw-gradient-from-position: ;
522
- --tw-gradient-via-position: ;
523
- --tw-gradient-to-position: ;
524
- --tw-ordinal: ;
525
- --tw-slashed-zero: ;
526
- --tw-numeric-figure: ;
527
- --tw-numeric-spacing: ;
528
- --tw-numeric-fraction: ;
529
- --tw-ring-inset: ;
530
- --tw-ring-offset-width: 0px;
531
- --tw-ring-offset-color: #fff;
532
- --tw-ring-color: rgb(59 130 246 / 0.5);
533
- --tw-ring-offset-shadow: 0 0 #0000;
534
- --tw-ring-shadow: 0 0 #0000;
535
- --tw-shadow: 0 0 #0000;
536
- --tw-shadow-colored: 0 0 #0000;
537
- --tw-blur: ;
538
- --tw-brightness: ;
539
- --tw-contrast: ;
540
- --tw-grayscale: ;
541
- --tw-hue-rotate: ;
542
- --tw-invert: ;
543
- --tw-saturate: ;
544
- --tw-sepia: ;
545
- --tw-drop-shadow: ;
546
- --tw-backdrop-blur: ;
547
- --tw-backdrop-brightness: ;
548
- --tw-backdrop-contrast: ;
549
- --tw-backdrop-grayscale: ;
550
- --tw-backdrop-hue-rotate: ;
551
- --tw-backdrop-invert: ;
552
- --tw-backdrop-opacity: ;
553
- --tw-backdrop-saturate: ;
554
- --tw-backdrop-sepia: ;
555
- }
556
-
557
- .sr-only {
558
- position: absolute;
559
- width: 1px;
560
- height: 1px;
561
- padding: 0;
562
- margin: -1px;
563
- overflow: hidden;
564
- clip: rect(0, 0, 0, 0);
565
- white-space: nowrap;
566
- border-width: 0;
567
- }
568
-
569
- .pointer-events-none {
570
- pointer-events: none;
571
- }
572
-
573
- .fixed {
574
- position: fixed;
575
- }
576
-
577
- .absolute {
578
- position: absolute;
579
- }
580
-
581
- .relative {
582
- position: relative;
583
- }
584
-
585
- .sticky {
586
- position: sticky;
587
- }
588
-
589
- .inset-0 {
590
- inset: 0px;
591
- }
592
-
593
- .-bottom-px {
594
- bottom: -1px;
595
- }
596
-
597
- .-left-px {
598
- left: -1px;
599
- }
600
-
601
- .-right-px {
602
- right: -1px;
603
- }
604
-
605
- .-top-px {
606
- top: -1px;
607
- }
608
-
609
- .left-0 {
610
- left: 0px;
611
- }
612
-
613
- .left-1\/2 {
614
- left: 50%;
615
- }
616
-
617
- .left-\[anchor\(left\)\] {
618
- left: anchor(left);
619
- }
620
-
621
- .right-0 {
622
- right: 0px;
623
- }
624
-
625
- .right-10 {
626
- right: 2.5rem;
627
- }
628
-
629
- .right-4 {
630
- right: 1rem;
631
- }
632
-
633
- .top-0 {
634
- top: 0px;
635
- }
636
-
637
- .top-1\/2 {
638
- top: 50%;
639
- }
640
-
641
- .top-\[anchor\(bottom\)\] {
642
- top: anchor(bottom);
643
- }
644
-
645
- .top-full {
646
- top: 100%;
647
- }
648
-
649
- .z-20 {
650
- z-index: 20;
651
- }
652
-
653
- .-order-1 {
654
- order: -1;
655
- }
656
-
657
- .float-left {
658
- float: left;
659
- }
660
-
661
- .clear-both {
662
- clear: both;
663
- }
664
-
665
- .-mx-6 {
666
- margin-left: -1.5rem;
667
- margin-right: -1.5rem;
668
- }
669
-
670
- .mx-auto {
671
- margin-left: auto;
672
- margin-right: auto;
673
- }
674
-
675
- .my-0 {
676
- margin-top: 0px;
677
- margin-bottom: 0px;
678
- }
679
-
680
- .my-2 {
681
- margin-top: 0.5rem;
682
- margin-bottom: 0.5rem;
683
- }
684
-
685
- .my-20 {
686
- margin-top: 5rem;
687
- margin-bottom: 5rem;
688
- }
689
-
690
- .my-24 {
691
- margin-top: 6rem;
692
- margin-bottom: 6rem;
693
- }
694
-
695
- .my-4 {
696
- margin-top: 1rem;
697
- margin-bottom: 1rem;
698
- }
699
-
700
- .-mb-6 {
701
- margin-bottom: -1.5rem;
702
- }
703
-
704
- .-ml-px {
705
- margin-left: -1px;
706
- }
707
-
708
- .-mt-32 {
709
- margin-top: -8rem;
710
- }
711
-
712
- .-mt-4 {
713
- margin-top: -1rem;
714
- }
715
-
716
- .-mt-6 {
717
- margin-top: -1.5rem;
718
- }
719
-
720
- .-mt-\[-10vh\] {
721
- margin-top: 10vh;
722
- }
723
-
724
- .mb-10 {
725
- margin-bottom: 2.5rem;
726
- }
727
-
728
- .mb-2 {
729
- margin-bottom: 0.5rem;
730
- }
731
-
732
- .mb-4 {
733
- margin-bottom: 1rem;
734
- }
735
-
736
- .mb-6 {
737
- margin-bottom: 1.5rem;
738
- }
739
-
740
- .mb-8 {
741
- margin-bottom: 2rem;
742
- }
743
-
744
- .ml-auto {
745
- margin-left: auto;
746
- }
747
-
748
- .mt-2 {
749
- margin-top: 0.5rem;
750
- }
751
-
752
- .mt-8 {
753
- margin-top: 2rem;
754
- }
755
-
756
- .block {
757
- display: block;
758
- }
759
-
760
- .flex {
761
- display: flex;
762
- }
763
-
764
- .inline-flex {
765
- display: inline-flex;
766
- }
767
-
768
- .table {
769
- display: table;
770
- }
771
-
772
- .grid {
773
- display: grid;
774
- }
775
-
776
- .hidden {
777
- display: none;
778
- }
779
-
780
- .aspect-square {
781
- aspect-ratio: 1 / 1;
782
- }
783
-
784
- .h-10 {
785
- height: 2.5rem;
786
- }
787
-
788
- .h-12 {
789
- height: 3rem;
790
- }
791
-
792
- .h-16 {
793
- height: 4rem;
794
- }
795
-
796
- .h-2 {
797
- height: 0.5rem;
798
- }
799
-
800
- .h-3 {
801
- height: 0.75rem;
802
- }
803
-
804
- .h-4 {
805
- height: 1rem;
806
- }
807
-
808
- .h-5 {
809
- height: 1.25rem;
810
- }
811
-
812
- .h-6 {
813
- height: 1.5rem;
814
- }
815
-
816
- .h-9 {
817
- height: 2.25rem;
818
- }
819
-
820
- .h-\[1\%\] {
821
- height: 1%;
822
- }
823
-
824
- .h-\[10000\%\] {
825
- height: 10000%;
826
- }
827
-
828
- .h-full {
829
- height: 100%;
830
- }
831
-
832
- .h-screen {
833
- height: 100vh;
834
- }
835
-
836
- .max-h-60 {
837
- max-height: 15rem;
838
- }
839
-
840
- .min-h-10 {
841
- min-height: 2.5rem;
842
- }
843
-
844
- .w-10 {
845
- width: 2.5rem;
846
- }
847
-
848
- .w-12 {
849
- width: 3rem;
850
- }
851
-
852
- .w-2 {
853
- width: 0.5rem;
854
- }
855
-
856
- .w-3 {
857
- width: 0.75rem;
858
- }
859
-
860
- .w-4 {
861
- width: 1rem;
862
- }
863
-
864
- .w-5 {
865
- width: 1.25rem;
866
- }
867
-
868
- .w-56 {
869
- width: 14rem;
870
- }
871
-
872
- .w-6 {
873
- width: 1.5rem;
874
- }
875
-
876
- .w-8 {
877
- width: 2rem;
878
- }
879
-
880
- .w-9 {
881
- width: 2.25rem;
882
- }
883
-
884
- .w-96 {
885
- width: 24rem;
886
- }
887
-
888
- .w-full {
889
- width: 100%;
890
- }
891
-
892
- .min-w-\[2\.5rem\] {
893
- min-width: 2.5rem;
894
- }
895
-
896
- .min-w-full {
897
- min-width: 100%;
898
- }
899
-
900
- .max-w-2xl {
901
- max-width: 42rem;
902
- }
903
-
904
- .max-w-6xl {
905
- max-width: 72rem;
906
- }
907
-
908
- .max-w-lg {
909
- max-width: 32rem;
910
- }
911
-
912
- .max-w-sm {
913
- max-width: 24rem;
914
- }
915
-
916
- .table-fixed {
917
- table-layout: fixed;
918
- }
919
-
920
- .origin-right {
921
- transform-origin: right;
922
- }
923
-
924
- .origin-top-left {
925
- transform-origin: top left;
926
- }
927
-
928
- .-translate-x-2\/4 {
929
- --tw-translate-x: -50%;
930
- 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));
931
- }
932
-
933
- .-translate-y-2\/4 {
934
- --tw-translate-y: -50%;
935
- 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));
936
- }
937
-
938
- .translate-x-0 {
939
- --tw-translate-x: 0px;
940
- 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));
941
- }
942
-
943
- .translate-x-full {
944
- --tw-translate-x: 100%;
945
- 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));
946
- }
947
-
948
- .rotate-90 {
949
- --tw-rotate: 90deg;
950
- 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));
951
- }
952
-
953
- .transform {
954
- 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));
955
- }
956
-
957
- .cursor-pointer {
958
- cursor: pointer;
959
- }
960
-
961
- .select-none {
962
- -webkit-user-select: none;
963
- -moz-user-select: none;
964
- user-select: none;
965
- }
966
-
967
- .grid-cols-3 {
968
- grid-template-columns: repeat(3, minmax(0, 1fr));
969
- }
970
-
971
- .grid-cols-6 {
972
- grid-template-columns: repeat(6, minmax(0, 1fr));
973
- }
974
-
975
- .grid-cols-\[25\%_1fr\] {
976
- grid-template-columns: 25% 1fr;
977
- }
978
-
979
- .grid-cols-\[30\%_1fr\] {
980
- grid-template-columns: 30% 1fr;
981
- }
982
-
983
- .flex-row-reverse {
984
- flex-direction: row-reverse;
985
- }
986
-
987
- .flex-col {
988
- flex-direction: column;
989
- }
990
-
991
- .items-start {
992
- align-items: flex-start;
993
- }
994
-
995
- .items-end {
996
- align-items: flex-end;
997
- }
998
-
999
- .items-center {
1000
- align-items: center;
1001
- }
1002
-
1003
- .justify-end {
1004
- justify-content: flex-end;
1005
- }
1006
-
1007
- .justify-center {
1008
- justify-content: center;
1009
- }
1010
-
1011
- .justify-between {
1012
- justify-content: space-between;
1013
- }
1014
-
1015
- .gap-2 {
1016
- gap: 0.5rem;
1017
- }
1018
-
1019
- .gap-3 {
1020
- gap: 0.75rem;
1021
- }
1022
-
1023
- .gap-4 {
1024
- gap: 1rem;
1025
- }
1026
-
1027
- .gap-6 {
1028
- gap: 1.5rem;
1029
- }
1030
-
1031
- .gap-8 {
1032
- gap: 2rem;
1033
- }
1034
-
1035
- .overflow-hidden {
1036
- overflow: hidden;
1037
- }
1038
-
1039
- .overflow-y-auto {
1040
- overflow-y: auto;
1041
- }
1042
-
1043
- .overflow-x-hidden {
1044
- overflow-x: hidden;
1045
- }
1046
-
1047
- .whitespace-nowrap {
1048
- white-space: nowrap;
1049
- }
1050
-
1051
- .rounded {
1052
- border-radius: 0.25rem;
1053
- }
1054
-
1055
- .rounded-full {
1056
- border-radius: 9999px;
1057
- }
1058
-
1059
- .rounded-lg {
1060
- border-radius: 0.5rem;
1061
- }
1062
-
1063
- .rounded-md {
1064
- border-radius: 0.375rem;
1065
- }
1066
-
1067
- .rounded-sm {
1068
- border-radius: 0.125rem;
1069
- }
1070
-
1071
- .rounded-b-lg {
1072
- border-bottom-right-radius: 0.5rem;
1073
- border-bottom-left-radius: 0.5rem;
1074
- }
1075
-
1076
- .rounded-t-lg {
1077
- border-top-left-radius: 0.5rem;
1078
- border-top-right-radius: 0.5rem;
1079
- }
1080
-
1081
- .border {
1082
- border-width: 1px;
1083
- }
1084
-
1085
- .border-4 {
1086
- border-width: 4px;
1087
- }
1088
-
1089
- .border-x {
1090
- border-left-width: 1px;
1091
- border-right-width: 1px;
1092
- }
1093
-
1094
- .border-y {
1095
- border-top-width: 1px;
1096
- border-bottom-width: 1px;
1097
- }
1098
-
1099
- .border-b {
1100
- border-bottom-width: 1px;
1101
- }
1102
-
1103
- .border-l {
1104
- border-left-width: 1px;
1105
- }
1106
-
1107
- .border-l-0 {
1108
- border-left-width: 0px;
1109
- }
1110
-
1111
- .border-r {
1112
- border-right-width: 1px;
1113
- }
1114
-
1115
- .border-r-0 {
1116
- border-right-width: 0px;
1117
- }
1118
-
1119
- .border-t {
1120
- border-top-width: 1px;
1121
- }
1122
-
1123
- .border-solid {
1124
- border-style: solid;
1125
- }
1126
-
1127
- .border-dashed {
1128
- border-style: dashed;
1129
- }
1130
-
1131
- .border-none {
1132
- border-style: none;
1133
- }
1134
-
1135
- .border-gray-200 {
1136
- --tw-border-opacity: 1;
1137
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1138
- }
1139
-
1140
- .border-gray-300 {
1141
- --tw-border-opacity: 1;
1142
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1143
- }
1144
-
1145
- .border-gray-400 {
1146
- --tw-border-opacity: 1;
1147
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1148
- }
1149
-
1150
- .border-gray-500 {
1151
- --tw-border-opacity: 1;
1152
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
1153
- }
1154
-
1155
- .border-gray-700 {
1156
- --tw-border-opacity: 1;
1157
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
1158
- }
1159
-
1160
- .border-primary {
1161
- border-color: rgba(127, 86, 217, 1);
1162
- }
1163
-
1164
- .border-red-500 {
1165
- --tw-border-opacity: 1;
1166
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
1167
- }
1168
-
1169
- .border-red-700 {
1170
- --tw-border-opacity: 1;
1171
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
1172
- }
1173
-
1174
- .border-sky-300 {
1175
- --tw-border-opacity: 1;
1176
- border-color: rgb(125 211 252 / var(--tw-border-opacity));
1177
- }
1178
-
1179
- .border-slate-200 {
1180
- --tw-border-opacity: 1;
1181
- border-color: rgb(226 232 240 / var(--tw-border-opacity));
1182
- }
1183
-
1184
- .border-slate-300 {
1185
- --tw-border-opacity: 1;
1186
- border-color: rgb(203 213 225 / var(--tw-border-opacity));
1187
- }
1188
-
1189
- .border-transparent {
1190
- border-color: transparent;
1191
- }
1192
-
1193
- .border-l-slate-300 {
1194
- --tw-border-opacity: 1;
1195
- border-left-color: rgb(203 213 225 / var(--tw-border-opacity));
1196
- }
1197
-
1198
- .bg-black {
1199
- --tw-bg-opacity: 1;
1200
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1201
- }
1202
-
1203
- .bg-blue-400 {
1204
- --tw-bg-opacity: 1;
1205
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1206
- }
1207
-
1208
- .bg-gray-100 {
1209
- --tw-bg-opacity: 1;
1210
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1211
- }
1212
-
1213
- .bg-gray-50 {
1214
- --tw-bg-opacity: 1;
1215
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1216
- }
1217
-
1218
- .bg-gray-700 {
1219
- --tw-bg-opacity: 1;
1220
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1221
- }
1222
-
1223
- .bg-gray-800 {
1224
- --tw-bg-opacity: 1;
1225
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1226
- }
1227
-
1228
- .bg-green-500 {
1229
- --tw-bg-opacity: 1;
1230
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1231
- }
1232
-
1233
- .bg-primary {
1234
- background-color: rgba(127, 86, 217, 1);
1235
- }
1236
-
1237
- .bg-red-300 {
1238
- --tw-bg-opacity: 1;
1239
- background-color: rgb(252 165 165 / var(--tw-bg-opacity));
1240
- }
1241
-
1242
- .bg-red-400 {
1243
- --tw-bg-opacity: 1;
1244
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1245
- }
1246
-
1247
- .bg-red-500 {
1248
- --tw-bg-opacity: 1;
1249
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1250
- }
1251
-
1252
- .bg-sky-300\/10 {
1253
- background-color: rgb(125 211 252 / 0.1);
1254
- }
1255
-
1256
- .bg-slate-300 {
1257
- --tw-bg-opacity: 1;
1258
- background-color: rgb(203 213 225 / var(--tw-bg-opacity));
1259
- }
1260
-
1261
- .bg-slate-800 {
1262
- --tw-bg-opacity: 1;
1263
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1264
- }
1265
-
1266
- .bg-white {
1267
- --tw-bg-opacity: 1;
1268
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1269
- }
1270
-
1271
- .object-contain {
1272
- -o-object-fit: contain;
1273
- object-fit: contain;
1274
- }
1275
-
1276
- .p-1 {
1277
- padding: 0.25rem;
1278
- }
1279
-
1280
- .p-2 {
1281
- padding: 0.5rem;
1282
- }
1283
-
1284
- .p-4 {
1285
- padding: 1rem;
1286
- }
1287
-
1288
- .p-6 {
1289
- padding: 1.5rem;
1290
- }
1291
-
1292
- .p-8 {
1293
- padding: 2rem;
1294
- }
1295
-
1296
- .px-3 {
1297
- padding-left: 0.75rem;
1298
- padding-right: 0.75rem;
1299
- }
1300
-
1301
- .px-4 {
1302
- padding-left: 1rem;
1303
- padding-right: 1rem;
1304
- }
1305
-
1306
- .px-5 {
1307
- padding-left: 1.25rem;
1308
- padding-right: 1.25rem;
1309
- }
1310
-
1311
- .px-8 {
1312
- padding-left: 2rem;
1313
- padding-right: 2rem;
1314
- }
1315
-
1316
- .py-1 {
1317
- padding-top: 0.25rem;
1318
- padding-bottom: 0.25rem;
1319
- }
1320
-
1321
- .py-10 {
1322
- padding-top: 2.5rem;
1323
- padding-bottom: 2.5rem;
1324
- }
1325
-
1326
- .py-2 {
1327
- padding-top: 0.5rem;
1328
- padding-bottom: 0.5rem;
1329
- }
1330
-
1331
- .py-3 {
1332
- padding-top: 0.75rem;
1333
- padding-bottom: 0.75rem;
1334
- }
1335
-
1336
- .py-4 {
1337
- padding-top: 1rem;
1338
- padding-bottom: 1rem;
1339
- }
1340
-
1341
- .pb-2 {
1342
- padding-bottom: 0.5rem;
1343
- }
1344
-
1345
- .pb-3 {
1346
- padding-bottom: 0.75rem;
1347
- }
1348
-
1349
- .pb-32 {
1350
- padding-bottom: 8rem;
1351
- }
1352
-
1353
- .pb-\[10vh\] {
1354
- padding-bottom: 10vh;
1355
- }
1356
-
1357
- .pl-2 {
1358
- padding-left: 0.5rem;
1359
- }
1360
-
1361
- .pl-6 {
1362
- padding-left: 1.5rem;
1363
- }
1364
-
1365
- .pr-10 {
1366
- padding-right: 2.5rem;
1367
- }
1368
-
1369
- .text-left {
1370
- text-align: left;
1371
- }
1372
-
1373
- .text-center {
1374
- text-align: center;
1375
- }
1376
-
1377
- .text-right {
1378
- text-align: right;
1379
- }
1380
-
1381
- .text-2xl {
1382
- font-size: 1.5rem;
1383
- line-height: 2rem;
1384
- }
1385
-
1386
- .text-3xl {
1387
- font-size: 1.875rem;
1388
- line-height: 2.25rem;
1389
- }
1390
-
1391
- .text-4xl {
1392
- font-size: 2.25rem;
1393
- line-height: 2.5rem;
1394
- }
1395
-
1396
- .text-base {
1397
- font-size: 1rem;
1398
- line-height: 1.5rem;
1399
- }
1400
-
1401
- .text-sm {
1402
- font-size: 0.875rem;
1403
- line-height: 1.25rem;
1404
- }
1405
-
1406
- .text-xl {
1407
- font-size: 1.25rem;
1408
- line-height: 1.75rem;
1409
- }
1410
-
1411
- .text-xs {
1412
- font-size: 0.75rem;
1413
- line-height: 1rem;
1414
- }
1415
-
1416
- .font-normal {
1417
- font-weight: 400;
1418
- }
1419
-
1420
- .font-semibold {
1421
- font-weight: 600;
1422
- }
1423
-
1424
- .leading-\[1em\] {
1425
- line-height: 1em;
1426
- }
1427
-
1428
- .leading-none {
1429
- line-height: 1;
1430
- }
1431
-
1432
- .tracking-tighter {
1433
- letter-spacing: -0.05em;
1434
- }
1435
-
1436
- .text-blue-400 {
1437
- --tw-text-opacity: 1;
1438
- color: rgb(96 165 250 / var(--tw-text-opacity));
1439
- }
1440
-
1441
- .text-gray-300 {
1442
- --tw-text-opacity: 1;
1443
- color: rgb(209 213 219 / var(--tw-text-opacity));
1444
- }
1445
-
1446
- .text-gray-700 {
1447
- --tw-text-opacity: 1;
1448
- color: rgb(55 65 81 / var(--tw-text-opacity));
1449
- }
1450
-
1451
- .text-gray-800 {
1452
- --tw-text-opacity: 1;
1453
- color: rgb(31 41 55 / var(--tw-text-opacity));
1454
- }
1455
-
1456
- .text-green-400 {
1457
- --tw-text-opacity: 1;
1458
- color: rgb(74 222 128 / var(--tw-text-opacity));
1459
- }
1460
-
1461
- .text-primary {
1462
- color: rgba(127, 86, 217, 1);
1463
- }
1464
-
1465
- .text-red-400 {
1466
- --tw-text-opacity: 1;
1467
- color: rgb(248 113 113 / var(--tw-text-opacity));
1468
- }
1469
-
1470
- .text-red-600 {
1471
- --tw-text-opacity: 1;
1472
- color: rgb(220 38 38 / var(--tw-text-opacity));
1473
- }
1474
-
1475
- .text-red-700 {
1476
- --tw-text-opacity: 1;
1477
- color: rgb(185 28 28 / var(--tw-text-opacity));
1478
- }
1479
-
1480
- .text-slate-400 {
1481
- --tw-text-opacity: 1;
1482
- color: rgb(148 163 184 / var(--tw-text-opacity));
1483
- }
1484
-
1485
- .text-slate-500 {
1486
- --tw-text-opacity: 1;
1487
- color: rgb(100 116 139 / var(--tw-text-opacity));
1488
- }
1489
-
1490
- .text-slate-600 {
1491
- --tw-text-opacity: 1;
1492
- color: rgb(71 85 105 / var(--tw-text-opacity));
1493
- }
1494
-
1495
- .text-slate-700 {
1496
- --tw-text-opacity: 1;
1497
- color: rgb(51 65 85 / var(--tw-text-opacity));
1498
- }
1499
-
1500
- .text-transparent {
1501
- color: transparent;
1502
- }
1503
-
1504
- .text-white {
1505
- --tw-text-opacity: 1;
1506
- color: rgb(255 255 255 / var(--tw-text-opacity));
1507
- }
1508
-
1509
- .text-yellow-400 {
1510
- --tw-text-opacity: 1;
1511
- color: rgb(250 204 21 / var(--tw-text-opacity));
1512
- }
1513
-
1514
- .opacity-0 {
1515
- opacity: 0;
1516
- }
1517
-
1518
- .opacity-30 {
1519
- opacity: 0.3;
1520
- }
1521
-
1522
- .shadow {
1523
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1524
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1525
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1526
- }
1527
-
1528
- .shadow-\[inset_rgba\(255\2c 255\2c 255\2c 0\.1\)_0_20px\] {
1529
- --tw-shadow: inset rgba(255,255,255,0.1) 0 20px;
1530
- --tw-shadow-colored: inset 0 20px var(--tw-shadow-color);
1531
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1532
- }
1533
-
1534
- .shadow-lg {
1535
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1536
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1537
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1538
- }
1539
-
1540
- .shadow-md {
1541
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1542
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1543
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1544
- }
1545
-
1546
- .shadow-sm {
1547
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1548
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1549
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1550
- }
1551
-
1552
- .shadow-xl {
1553
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1554
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1555
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1556
- }
1557
-
1558
- .filter {
1559
- 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);
1560
- }
1561
-
1562
- .transition-colors {
1563
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1564
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1565
- transition-duration: 150ms;
1566
- }
1567
-
1568
- .transition-opacity {
1569
- transition-property: opacity;
1570
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1571
- transition-duration: 150ms;
1572
- }
1573
-
1574
- .transition-transform {
1575
- transition-property: transform;
1576
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1577
- transition-duration: 150ms;
1578
- }
1579
-
1580
- .duration-200 {
1581
- transition-duration: 200ms;
1582
- }
1583
-
1584
- @keyframes show {
1585
- from {
1586
- opacity: 0;
1587
- transform: translateY(2rem);
1588
- }
1589
-
1590
- to {
1591
- opacity: 1;
1592
- transform: translateY(0);
1593
- }
1594
- }
1595
-
1596
- @keyframes fade {
1597
- from {
1598
- opacity: 0;
1599
- }
1600
-
1601
- to {
1602
- opacity: 1;
1603
- }
1604
- }
1605
-
1606
- .showpanel:popover-open {
1607
- @starting-style {
1608
- opacity: 0;
1609
-
1610
- transform: scale(0.95);
1611
- }
1612
- opacity: 1;
1613
- transform: scale(1);
1614
- transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
1615
- }
1616
-
1617
- .backdrop\:bg-slate-700\/50::backdrop {
1618
- background-color: rgb(51 65 85 / 0.5);
1619
- }
1620
-
1621
- .backdrop\:bg-slate-800\/60::backdrop {
1622
- background-color: rgb(30 41 59 / 0.6);
1623
- }
1624
-
1625
- .backdrop\:backdrop-blur-sm::backdrop {
1626
- --tw-backdrop-blur: blur(4px);
1627
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1628
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1629
- }
1630
-
1631
- .before\:absolute::before {
1632
- content: var(--tw-content);
1633
- position: absolute;
1634
- }
1635
-
1636
- .before\:left-\[-999em\]::before {
1637
- content: var(--tw-content);
1638
- left: -999em;
1639
- }
1640
-
1641
- .before\:right-full::before {
1642
- content: var(--tw-content);
1643
- right: 100%;
1644
- }
1645
-
1646
- .before\:h-4::before {
1647
- content: var(--tw-content);
1648
- height: 1rem;
1649
- }
1650
-
1651
- .before\:h-full::before {
1652
- content: var(--tw-content);
1653
- height: 100%;
1654
- }
1655
-
1656
- .before\:w-4::before {
1657
- content: var(--tw-content);
1658
- width: 1rem;
1659
- }
1660
-
1661
- .before\:rounded-full::before {
1662
- content: var(--tw-content);
1663
- border-radius: 9999px;
1664
- }
1665
-
1666
- .before\:bg-white\/80::before {
1667
- content: var(--tw-content);
1668
- background-color: rgb(255 255 255 / 0.8);
1669
- }
1670
-
1671
- .before\:bg-\[url\(\/images\/icons\/error\.svg\)\]::before {
1672
- content: var(--tw-content);
1673
- background-image: url(/images/icons/error.svg);
1674
- }
1675
-
1676
- .odd\:bg-gray-100:nth-child(odd) {
1677
- --tw-bg-opacity: 1;
1678
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1679
- }
1680
-
1681
- .odd\:bg-slate-100:nth-child(odd) {
1682
- --tw-bg-opacity: 1;
1683
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1684
- }
1685
-
1686
- .open\:flex[open] {
1687
- display: flex;
1688
- }
1689
-
1690
- .open\:opacity-100[open] {
1691
- opacity: 1;
1692
- }
1693
-
1694
- .open\:show[open] {
1695
- animation: show 0.1s ease-in-out;
1696
- }
1697
-
1698
- .open\:backdrop\:fade[open]::backdrop {
1699
- animation: fade 0.2s ease-in-out;
1700
- }
1701
-
1702
- .focus\:border-primary:focus {
1703
- border-color: rgba(127, 86, 217, 1);
1704
- }
1705
-
1706
- .focus-visible\:outline-0:focus-visible {
1707
- outline-width: 0px;
1708
- }
1709
-
1710
- @media (min-width: 640px) {
1711
- .sm\:flex {
1712
- display: flex;
1713
- }
1714
-
1715
- .sm\:flex-row-reverse {
1716
- flex-direction: row-reverse;
1717
- }
1718
-
1719
- .sm\:px-6 {
1720
- padding-left: 1.5rem;
1721
- padding-right: 1.5rem;
1722
- }
1723
- }