braid-ui 1.0.97 → 1.0.99

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 (145) hide show
  1. package/README.md +44 -327
  2. package/components.json +20 -0
  3. package/eslint.config.js +29 -0
  4. package/index.html +24 -0
  5. package/package.json +55 -115
  6. package/postcss.config.js +6 -0
  7. package/public/favicon.ico +0 -0
  8. package/public/placeholder.svg +1 -0
  9. package/public/robots.txt +14 -0
  10. package/src/App.css +42 -0
  11. package/src/App.tsx +94 -0
  12. package/src/components/MainLayout.tsx +15 -0
  13. package/src/components/alerts/AlertDocuments.tsx +320 -0
  14. package/src/components/alerts/AlertNotes.tsx +185 -0
  15. package/src/components/alerts/AlertTimeline.tsx +79 -0
  16. package/src/components/alerts/ContextSection.tsx +155 -0
  17. package/src/components/app-sidebar.tsx +341 -0
  18. package/src/components/form-sections/ACHBankCard.tsx +78 -0
  19. package/src/components/form-sections/ACHBasicInfoCard.tsx +100 -0
  20. package/src/components/form-sections/ACHTransferSection.tsx +64 -0
  21. package/src/components/form-sections/AddressForm.tsx +94 -0
  22. package/src/components/form-sections/BankAddressCard.tsx +95 -0
  23. package/src/components/form-sections/BankingDetailsCard.tsx +46 -0
  24. package/src/components/form-sections/BasicInfoCard.tsx +103 -0
  25. package/src/components/form-sections/BasicInfoSection.tsx +34 -0
  26. package/src/components/form-sections/BeneficiaryAddress.tsx +19 -0
  27. package/src/components/form-sections/BeneficiaryCard.tsx +41 -0
  28. package/src/components/form-sections/BeneficiaryDomesticWire.tsx +23 -0
  29. package/src/components/form-sections/BusinessProfileCard.tsx +131 -0
  30. package/src/components/form-sections/BusinessStatusCard.tsx +53 -0
  31. package/src/components/form-sections/ContactInfoCard.tsx +63 -0
  32. package/src/components/form-sections/CounterpartyBasicInfo.tsx +101 -0
  33. package/src/components/form-sections/CounterpartyProfileCard.tsx +104 -0
  34. package/src/components/form-sections/CounterpartyRecordsCard.tsx +41 -0
  35. package/src/components/form-sections/IntermediaryCard.tsx +77 -0
  36. package/src/components/form-sections/IntermediaryFI.tsx +41 -0
  37. package/src/components/form-sections/IntermediaryFIAddress.tsx +14 -0
  38. package/src/components/form-sections/OriginatorCard.tsx +49 -0
  39. package/src/components/form-sections/OriginatorFI.tsx +42 -0
  40. package/src/components/form-sections/OriginatorFIAddress.tsx +14 -0
  41. package/src/components/form-sections/PaymentInformationSection.tsx +163 -0
  42. package/src/components/form-sections/ReceiverCard.tsx +94 -0
  43. package/src/components/form-sections/WireTransferSection.tsx +75 -0
  44. package/src/components/layouts/list-page.tsx +103 -0
  45. package/src/components/transaction/ACHDetailsSection.tsx +95 -0
  46. package/src/components/transaction/WireDetailsSection.tsx +112 -0
  47. package/src/components/ui/account-card.tsx +94 -0
  48. package/src/components/ui/badge.tsx +75 -0
  49. package/src/components/ui/breadcrumb.tsx +78 -0
  50. package/src/components/ui/business-type-badge.tsx +42 -0
  51. package/src/components/ui/button.tsx +56 -0
  52. package/src/components/ui/calendar.tsx +49 -0
  53. package/src/components/ui/card.tsx +223 -0
  54. package/src/components/ui/container.tsx +45 -0
  55. package/src/components/ui/counterparty-type-badge.tsx +53 -0
  56. package/src/components/ui/data-grid.tsx +99 -0
  57. package/src/components/ui/data-table.tsx +152 -0
  58. package/src/components/ui/detail-page-layout.tsx +83 -0
  59. package/src/components/ui/dialog.tsx +120 -0
  60. package/src/components/ui/dropdown-menu.tsx +82 -0
  61. package/src/components/ui/editable-form-card.tsx +106 -0
  62. package/src/components/ui/editable-info-field.tsx +67 -0
  63. package/src/components/ui/enhanced-input.tsx +78 -0
  64. package/src/components/ui/enhanced-select.tsx +101 -0
  65. package/src/components/ui/enhanced-textarea.tsx +64 -0
  66. package/src/components/ui/entity-card.tsx +140 -0
  67. package/src/components/ui/form-card.tsx +40 -0
  68. package/src/components/ui/form-field.tsx +50 -0
  69. package/src/components/ui/form-input.tsx +29 -0
  70. package/src/components/ui/form-provider.tsx +18 -0
  71. package/src/components/ui/form-section.tsx +66 -0
  72. package/src/components/ui/form-select.tsx +35 -0
  73. package/src/components/ui/info-field.tsx +36 -0
  74. package/src/components/ui/json-viewer.tsx +146 -0
  75. package/src/components/ui/label.tsx +24 -0
  76. package/src/components/ui/metric-card.tsx +80 -0
  77. package/src/components/ui/page-layout.tsx +183 -0
  78. package/src/components/ui/popover.tsx +29 -0
  79. package/src/components/ui/responsive-grid.tsx +46 -0
  80. package/src/components/ui/separator.tsx +31 -0
  81. package/src/components/ui/sheet.tsx +140 -0
  82. package/src/components/ui/sidebar.tsx +775 -0
  83. package/src/components/ui/sonner.tsx +29 -0
  84. package/src/components/ui/stack.tsx +77 -0
  85. package/src/components/ui/status-badge.tsx +68 -0
  86. package/src/components/ui/tabs.tsx +52 -0
  87. package/src/components/ui/toast.tsx +127 -0
  88. package/src/components/ui/toaster.tsx +33 -0
  89. package/src/components/ui/tooltip.tsx +28 -0
  90. package/src/components/ui/use-toast.ts +3 -0
  91. package/src/components/ui-kit/dashboard-demo.tsx +156 -0
  92. package/src/components/ui-kit/pattern-library.tsx +248 -0
  93. package/src/components/ui-kit/showcase.tsx +211 -0
  94. package/src/hooks/use-mobile.tsx +19 -0
  95. package/src/hooks/use-toast.ts +191 -0
  96. package/src/hooks/useEditState.ts +70 -0
  97. package/src/hooks/useFormWithEditState.ts +115 -0
  98. package/src/{styles.css → index.css} +10 -4
  99. package/src/lib/constants.ts +25 -0
  100. package/src/lib/mock-data/alert-data.ts +275 -0
  101. package/src/lib/mock-data/banking-data.ts +72 -0
  102. package/src/lib/mock-data/business-data.ts +71 -0
  103. package/src/lib/mock-data/counterparty-data.ts +70 -0
  104. package/src/lib/mock-data/index.ts +5 -0
  105. package/src/lib/mock-data/transaction-data.ts +283 -0
  106. package/src/lib/mock-data/wire-data.ts +103 -0
  107. package/src/lib/mock-data.tsx +180 -0
  108. package/src/lib/schemas/banking-schemas.ts +30 -0
  109. package/src/lib/schemas/business-schemas.ts +36 -0
  110. package/src/lib/schemas/counterparty-schemas.ts +43 -0
  111. package/src/lib/schemas/index.ts +5 -0
  112. package/src/lib/schemas/wire-schemas.ts +44 -0
  113. package/src/lib/utils.ts +6 -0
  114. package/src/main.tsx +10 -0
  115. package/src/pages/Cases.tsx +16 -0
  116. package/src/pages/Dashboard.tsx +16 -0
  117. package/src/pages/NotFound.tsx +27 -0
  118. package/src/pages/TransactionHistory.tsx +532 -0
  119. package/src/pages/UIKit.tsx +51 -0
  120. package/src/pages/alerts/AlertDetail.tsx +193 -0
  121. package/src/pages/alerts/Alerts.tsx +373 -0
  122. package/src/pages/business/Business.tsx +48 -0
  123. package/src/pages/business/Create.tsx +173 -0
  124. package/src/pages/counterparty/Create.tsx +48 -0
  125. package/src/pages/counterparty/DomesticWire.tsx +78 -0
  126. package/src/pages/counterparty/Manage.tsx +79 -0
  127. package/src/pages/transactions/NewTransaction.tsx +527 -0
  128. package/src/pages/transactions/TransactionDetail.tsx +192 -0
  129. package/src/vite-env.d.ts +1 -0
  130. package/tailwind.config.ts +124 -0
  131. package/tsconfig.app.json +30 -0
  132. package/tsconfig.json +19 -0
  133. package/tsconfig.node.json +22 -0
  134. package/vite.config.ts +22 -0
  135. package/dist/css/braid-ui-variables.css +0 -88
  136. package/dist/css/braid-ui.css +0 -4484
  137. package/dist/css/braid-ui.min.css +0 -1
  138. package/dist/index.cjs +0 -4
  139. package/dist/index.cjs.map +0 -1
  140. package/dist/index.d.cts +0 -2429
  141. package/dist/index.d.ts +0 -2429
  142. package/dist/index.js +0 -4
  143. package/dist/index.js.map +0 -1
  144. package/src/styles-only.css +0 -121
  145. /package/{dist/braid-logo-343BOQZ2.png → src/assets/braid-logo.png} +0 -0
@@ -1,4484 +0,0 @@
1
- *, ::before, ::after {
2
- --tw-border-spacing-x: 0;
3
- --tw-border-spacing-y: 0;
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- --tw-pan-x: ;
12
- --tw-pan-y: ;
13
- --tw-pinch-zoom: ;
14
- --tw-scroll-snap-strictness: proximity;
15
- --tw-gradient-from-position: ;
16
- --tw-gradient-via-position: ;
17
- --tw-gradient-to-position: ;
18
- --tw-ordinal: ;
19
- --tw-slashed-zero: ;
20
- --tw-numeric-figure: ;
21
- --tw-numeric-spacing: ;
22
- --tw-numeric-fraction: ;
23
- --tw-ring-inset: ;
24
- --tw-ring-offset-width: 0px;
25
- --tw-ring-offset-color: #fff;
26
- --tw-ring-color: rgb(59 130 246 / 0.5);
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- --tw-blur: ;
32
- --tw-brightness: ;
33
- --tw-contrast: ;
34
- --tw-grayscale: ;
35
- --tw-hue-rotate: ;
36
- --tw-invert: ;
37
- --tw-saturate: ;
38
- --tw-sepia: ;
39
- --tw-drop-shadow: ;
40
- --tw-backdrop-blur: ;
41
- --tw-backdrop-brightness: ;
42
- --tw-backdrop-contrast: ;
43
- --tw-backdrop-grayscale: ;
44
- --tw-backdrop-hue-rotate: ;
45
- --tw-backdrop-invert: ;
46
- --tw-backdrop-opacity: ;
47
- --tw-backdrop-saturate: ;
48
- --tw-backdrop-sepia: ;
49
- --tw-contain-size: ;
50
- --tw-contain-layout: ;
51
- --tw-contain-paint: ;
52
- --tw-contain-style: ;
53
- }
54
-
55
- ::backdrop {
56
- --tw-border-spacing-x: 0;
57
- --tw-border-spacing-y: 0;
58
- --tw-translate-x: 0;
59
- --tw-translate-y: 0;
60
- --tw-rotate: 0;
61
- --tw-skew-x: 0;
62
- --tw-skew-y: 0;
63
- --tw-scale-x: 1;
64
- --tw-scale-y: 1;
65
- --tw-pan-x: ;
66
- --tw-pan-y: ;
67
- --tw-pinch-zoom: ;
68
- --tw-scroll-snap-strictness: proximity;
69
- --tw-gradient-from-position: ;
70
- --tw-gradient-via-position: ;
71
- --tw-gradient-to-position: ;
72
- --tw-ordinal: ;
73
- --tw-slashed-zero: ;
74
- --tw-numeric-figure: ;
75
- --tw-numeric-spacing: ;
76
- --tw-numeric-fraction: ;
77
- --tw-ring-inset: ;
78
- --tw-ring-offset-width: 0px;
79
- --tw-ring-offset-color: #fff;
80
- --tw-ring-color: rgb(59 130 246 / 0.5);
81
- --tw-ring-offset-shadow: 0 0 #0000;
82
- --tw-ring-shadow: 0 0 #0000;
83
- --tw-shadow: 0 0 #0000;
84
- --tw-shadow-colored: 0 0 #0000;
85
- --tw-blur: ;
86
- --tw-brightness: ;
87
- --tw-contrast: ;
88
- --tw-grayscale: ;
89
- --tw-hue-rotate: ;
90
- --tw-invert: ;
91
- --tw-saturate: ;
92
- --tw-sepia: ;
93
- --tw-drop-shadow: ;
94
- --tw-backdrop-blur: ;
95
- --tw-backdrop-brightness: ;
96
- --tw-backdrop-contrast: ;
97
- --tw-backdrop-grayscale: ;
98
- --tw-backdrop-hue-rotate: ;
99
- --tw-backdrop-invert: ;
100
- --tw-backdrop-opacity: ;
101
- --tw-backdrop-saturate: ;
102
- --tw-backdrop-sepia: ;
103
- --tw-contain-size: ;
104
- --tw-contain-layout: ;
105
- --tw-contain-paint: ;
106
- --tw-contain-style: ;
107
- }
108
-
109
- /*
110
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
111
- */
112
-
113
- /*
114
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
115
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
116
- */
117
-
118
- *,
119
- ::before,
120
- ::after {
121
- box-sizing: border-box;
122
- /* 1 */
123
- border-width: 0;
124
- /* 2 */
125
- border-style: solid;
126
- /* 2 */
127
- border-color: #e5e7eb;
128
- /* 2 */
129
- }
130
-
131
- ::before,
132
- ::after {
133
- --tw-content: '';
134
- }
135
-
136
- /*
137
- 1. Use a consistent sensible line-height in all browsers.
138
- 2. Prevent adjustments of font size after orientation changes in iOS.
139
- 3. Use a more readable tab size.
140
- 4. Use the user's configured `sans` font-family by default.
141
- 5. Use the user's configured `sans` font-feature-settings by default.
142
- 6. Use the user's configured `sans` font-variation-settings by default.
143
- 7. Disable tap highlights on iOS
144
- */
145
-
146
- html,
147
- :host {
148
- line-height: 1.5;
149
- /* 1 */
150
- -webkit-text-size-adjust: 100%;
151
- /* 2 */
152
- -moz-tab-size: 4;
153
- /* 3 */
154
- -o-tab-size: 4;
155
- tab-size: 4;
156
- /* 3 */
157
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
158
- /* 4 */
159
- font-feature-settings: normal;
160
- /* 5 */
161
- font-variation-settings: normal;
162
- /* 6 */
163
- -webkit-tap-highlight-color: transparent;
164
- /* 7 */
165
- }
166
-
167
- /*
168
- 1. Remove the margin in all browsers.
169
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
170
- */
171
-
172
- body {
173
- margin: 0;
174
- /* 1 */
175
- line-height: inherit;
176
- /* 2 */
177
- }
178
-
179
- /*
180
- 1. Add the correct height in Firefox.
181
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
182
- 3. Ensure horizontal rules are visible by default.
183
- */
184
-
185
- hr {
186
- height: 0;
187
- /* 1 */
188
- color: inherit;
189
- /* 2 */
190
- border-top-width: 1px;
191
- /* 3 */
192
- }
193
-
194
- /*
195
- Add the correct text decoration in Chrome, Edge, and Safari.
196
- */
197
-
198
- abbr:where([title]) {
199
- -webkit-text-decoration: underline dotted;
200
- text-decoration: underline dotted;
201
- }
202
-
203
- /*
204
- Remove the default font size and weight for headings.
205
- */
206
-
207
- h1,
208
- h2,
209
- h3,
210
- h4,
211
- h5,
212
- h6 {
213
- font-size: inherit;
214
- font-weight: inherit;
215
- }
216
-
217
- /*
218
- Reset links to optimize for opt-in styling instead of opt-out.
219
- */
220
-
221
- a {
222
- color: inherit;
223
- text-decoration: inherit;
224
- }
225
-
226
- /*
227
- Add the correct font weight in Edge and Safari.
228
- */
229
-
230
- b,
231
- strong {
232
- font-weight: bolder;
233
- }
234
-
235
- /*
236
- 1. Use the user's configured `mono` font-family by default.
237
- 2. Use the user's configured `mono` font-feature-settings by default.
238
- 3. Use the user's configured `mono` font-variation-settings by default.
239
- 4. Correct the odd `em` font sizing in all browsers.
240
- */
241
-
242
- code,
243
- kbd,
244
- samp,
245
- pre {
246
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
247
- /* 1 */
248
- font-feature-settings: normal;
249
- /* 2 */
250
- font-variation-settings: normal;
251
- /* 3 */
252
- font-size: 1em;
253
- /* 4 */
254
- }
255
-
256
- /*
257
- Add the correct font size in all browsers.
258
- */
259
-
260
- small {
261
- font-size: 80%;
262
- }
263
-
264
- /*
265
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
266
- */
267
-
268
- sub,
269
- sup {
270
- font-size: 75%;
271
- line-height: 0;
272
- position: relative;
273
- vertical-align: baseline;
274
- }
275
-
276
- sub {
277
- bottom: -0.25em;
278
- }
279
-
280
- sup {
281
- top: -0.5em;
282
- }
283
-
284
- /*
285
- 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)
286
- 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)
287
- 3. Remove gaps between table borders by default.
288
- */
289
-
290
- table {
291
- text-indent: 0;
292
- /* 1 */
293
- border-color: inherit;
294
- /* 2 */
295
- border-collapse: collapse;
296
- /* 3 */
297
- }
298
-
299
- /*
300
- 1. Change the font styles in all browsers.
301
- 2. Remove the margin in Firefox and Safari.
302
- 3. Remove default padding in all browsers.
303
- */
304
-
305
- button,
306
- input,
307
- optgroup,
308
- select,
309
- textarea {
310
- font-family: inherit;
311
- /* 1 */
312
- font-feature-settings: inherit;
313
- /* 1 */
314
- font-variation-settings: inherit;
315
- /* 1 */
316
- font-size: 100%;
317
- /* 1 */
318
- font-weight: inherit;
319
- /* 1 */
320
- line-height: inherit;
321
- /* 1 */
322
- letter-spacing: inherit;
323
- /* 1 */
324
- color: inherit;
325
- /* 1 */
326
- margin: 0;
327
- /* 2 */
328
- padding: 0;
329
- /* 3 */
330
- }
331
-
332
- /*
333
- Remove the inheritance of text transform in Edge and Firefox.
334
- */
335
-
336
- button,
337
- select {
338
- text-transform: none;
339
- }
340
-
341
- /*
342
- 1. Correct the inability to style clickable types in iOS and Safari.
343
- 2. Remove default button styles.
344
- */
345
-
346
- button,
347
- input:where([type='button']),
348
- input:where([type='reset']),
349
- input:where([type='submit']) {
350
- -webkit-appearance: button;
351
- /* 1 */
352
- background-color: transparent;
353
- /* 2 */
354
- background-image: none;
355
- /* 2 */
356
- }
357
-
358
- /*
359
- Use the modern Firefox focus style for all focusable elements.
360
- */
361
-
362
- :-moz-focusring {
363
- outline: auto;
364
- }
365
-
366
- /*
367
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
368
- */
369
-
370
- :-moz-ui-invalid {
371
- box-shadow: none;
372
- }
373
-
374
- /*
375
- Add the correct vertical alignment in Chrome and Firefox.
376
- */
377
-
378
- progress {
379
- vertical-align: baseline;
380
- }
381
-
382
- /*
383
- Correct the cursor style of increment and decrement buttons in Safari.
384
- */
385
-
386
- ::-webkit-inner-spin-button,
387
- ::-webkit-outer-spin-button {
388
- height: auto;
389
- }
390
-
391
- /*
392
- 1. Correct the odd appearance in Chrome and Safari.
393
- 2. Correct the outline style in Safari.
394
- */
395
-
396
- [type='search'] {
397
- -webkit-appearance: textfield;
398
- /* 1 */
399
- outline-offset: -2px;
400
- /* 2 */
401
- }
402
-
403
- /*
404
- Remove the inner padding in Chrome and Safari on macOS.
405
- */
406
-
407
- ::-webkit-search-decoration {
408
- -webkit-appearance: none;
409
- }
410
-
411
- /*
412
- 1. Correct the inability to style clickable types in iOS and Safari.
413
- 2. Change font properties to `inherit` in Safari.
414
- */
415
-
416
- ::-webkit-file-upload-button {
417
- -webkit-appearance: button;
418
- /* 1 */
419
- font: inherit;
420
- /* 2 */
421
- }
422
-
423
- /*
424
- Add the correct display in Chrome and Safari.
425
- */
426
-
427
- summary {
428
- display: list-item;
429
- }
430
-
431
- /*
432
- Removes the default spacing and border for appropriate elements.
433
- */
434
-
435
- blockquote,
436
- dl,
437
- dd,
438
- h1,
439
- h2,
440
- h3,
441
- h4,
442
- h5,
443
- h6,
444
- hr,
445
- figure,
446
- p,
447
- pre {
448
- margin: 0;
449
- }
450
-
451
- fieldset {
452
- margin: 0;
453
- padding: 0;
454
- }
455
-
456
- legend {
457
- padding: 0;
458
- }
459
-
460
- ol,
461
- ul,
462
- menu {
463
- list-style: none;
464
- margin: 0;
465
- padding: 0;
466
- }
467
-
468
- /*
469
- Reset default styling for dialogs.
470
- */
471
-
472
- dialog {
473
- padding: 0;
474
- }
475
-
476
- /*
477
- Prevent resizing textareas horizontally by default.
478
- */
479
-
480
- textarea {
481
- resize: vertical;
482
- }
483
-
484
- /*
485
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
486
- 2. Set the default placeholder color to the user's configured gray 400 color.
487
- */
488
-
489
- input::-moz-placeholder, textarea::-moz-placeholder {
490
- opacity: 1;
491
- /* 1 */
492
- color: #9ca3af;
493
- /* 2 */
494
- }
495
-
496
- input::placeholder,
497
- textarea::placeholder {
498
- opacity: 1;
499
- /* 1 */
500
- color: #9ca3af;
501
- /* 2 */
502
- }
503
-
504
- /*
505
- Set the default cursor for buttons.
506
- */
507
-
508
- button,
509
- [role="button"] {
510
- cursor: pointer;
511
- }
512
-
513
- /*
514
- Make sure disabled buttons don't get the pointer cursor.
515
- */
516
-
517
- :disabled {
518
- cursor: default;
519
- }
520
-
521
- /*
522
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
523
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
524
- This can trigger a poorly considered lint error in some tools but is included by design.
525
- */
526
-
527
- img,
528
- svg,
529
- video,
530
- canvas,
531
- audio,
532
- iframe,
533
- embed,
534
- object {
535
- display: block;
536
- /* 1 */
537
- vertical-align: middle;
538
- /* 2 */
539
- }
540
-
541
- /*
542
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
543
- */
544
-
545
- img,
546
- video {
547
- max-width: 100%;
548
- height: auto;
549
- }
550
-
551
- /* Make elements with the HTML hidden attribute stay hidden by default */
552
-
553
- [hidden]:where(:not([hidden="until-found"])) {
554
- display: none;
555
- }
556
-
557
- * {
558
- border-color: hsl(var(--border));
559
- }
560
-
561
- body {
562
- background-color: hsl(var(--background));
563
- color: hsl(var(--foreground));
564
- }
565
-
566
- .container {
567
- width: 100%;
568
- }
569
-
570
- @media (min-width: 640px) {
571
- .container {
572
- max-width: 640px;
573
- }
574
- }
575
-
576
- @media (min-width: 768px) {
577
- .container {
578
- max-width: 768px;
579
- }
580
- }
581
-
582
- @media (min-width: 1024px) {
583
- .container {
584
- max-width: 1024px;
585
- }
586
- }
587
-
588
- @media (min-width: 1280px) {
589
- .container {
590
- max-width: 1280px;
591
- }
592
- }
593
-
594
- @media (min-width: 1536px) {
595
- .container {
596
- max-width: 1536px;
597
- }
598
- }
599
-
600
- .sr-only {
601
- position: absolute;
602
- width: 1px;
603
- height: 1px;
604
- padding: 0;
605
- margin: -1px;
606
- overflow: hidden;
607
- clip: rect(0, 0, 0, 0);
608
- white-space: nowrap;
609
- border-width: 0;
610
- }
611
-
612
- .pointer-events-none {
613
- pointer-events: none;
614
- }
615
-
616
- .pointer-events-auto {
617
- pointer-events: auto;
618
- }
619
-
620
- .visible {
621
- visibility: visible;
622
- }
623
-
624
- .invisible {
625
- visibility: hidden;
626
- }
627
-
628
- .fixed {
629
- position: fixed;
630
- }
631
-
632
- .absolute {
633
- position: absolute;
634
- }
635
-
636
- .relative {
637
- position: relative;
638
- }
639
-
640
- .sticky {
641
- position: sticky;
642
- }
643
-
644
- .inset-0 {
645
- inset: 0px;
646
- }
647
-
648
- .inset-x-0 {
649
- left: 0px;
650
- right: 0px;
651
- }
652
-
653
- .inset-y-0 {
654
- top: 0px;
655
- bottom: 0px;
656
- }
657
-
658
- .bottom-0 {
659
- bottom: 0px;
660
- }
661
-
662
- .left-0 {
663
- left: 0px;
664
- }
665
-
666
- .left-1 {
667
- left: 0.25rem;
668
- }
669
-
670
- .left-2 {
671
- left: 0.5rem;
672
- }
673
-
674
- .left-\[50\%\] {
675
- left: 50%;
676
- }
677
-
678
- .left-\[7px\] {
679
- left: 7px;
680
- }
681
-
682
- .right-0 {
683
- right: 0px;
684
- }
685
-
686
- .right-1 {
687
- right: 0.25rem;
688
- }
689
-
690
- .right-2 {
691
- right: 0.5rem;
692
- }
693
-
694
- .right-3 {
695
- right: 0.75rem;
696
- }
697
-
698
- .right-4 {
699
- right: 1rem;
700
- }
701
-
702
- .top-0 {
703
- top: 0px;
704
- }
705
-
706
- .top-1 {
707
- top: 0.25rem;
708
- }
709
-
710
- .top-1\.5 {
711
- top: 0.375rem;
712
- }
713
-
714
- .top-1\/2 {
715
- top: 50%;
716
- }
717
-
718
- .top-2 {
719
- top: 0.5rem;
720
- }
721
-
722
- .top-3\.5 {
723
- top: 0.875rem;
724
- }
725
-
726
- .top-4 {
727
- top: 1rem;
728
- }
729
-
730
- .top-5 {
731
- top: 1.25rem;
732
- }
733
-
734
- .top-\[50\%\] {
735
- top: 50%;
736
- }
737
-
738
- .top-full {
739
- top: 100%;
740
- }
741
-
742
- .z-10 {
743
- z-index: 10;
744
- }
745
-
746
- .z-20 {
747
- z-index: 20;
748
- }
749
-
750
- .z-50 {
751
- z-index: 50;
752
- }
753
-
754
- .z-\[100\] {
755
- z-index: 100;
756
- }
757
-
758
- .z-\[101\] {
759
- z-index: 101;
760
- }
761
-
762
- .z-\[9999\] {
763
- z-index: 9999;
764
- }
765
-
766
- .col-span-2 {
767
- grid-column: span 2 / span 2;
768
- }
769
-
770
- .col-span-full {
771
- grid-column: 1 / -1;
772
- }
773
-
774
- .-mx-1 {
775
- margin-left: -0.25rem;
776
- margin-right: -0.25rem;
777
- }
778
-
779
- .-mx-2 {
780
- margin-left: -0.5rem;
781
- margin-right: -0.5rem;
782
- }
783
-
784
- .-my-1 {
785
- margin-top: -0.25rem;
786
- margin-bottom: -0.25rem;
787
- }
788
-
789
- .mx-2 {
790
- margin-left: 0.5rem;
791
- margin-right: 0.5rem;
792
- }
793
-
794
- .mx-3\.5 {
795
- margin-left: 0.875rem;
796
- margin-right: 0.875rem;
797
- }
798
-
799
- .mx-auto {
800
- margin-left: auto;
801
- margin-right: auto;
802
- }
803
-
804
- .my-1 {
805
- margin-top: 0.25rem;
806
- margin-bottom: 0.25rem;
807
- }
808
-
809
- .mb-1 {
810
- margin-bottom: 0.25rem;
811
- }
812
-
813
- .mb-2 {
814
- margin-bottom: 0.5rem;
815
- }
816
-
817
- .mb-3 {
818
- margin-bottom: 0.75rem;
819
- }
820
-
821
- .mb-4 {
822
- margin-bottom: 1rem;
823
- }
824
-
825
- .mb-6 {
826
- margin-bottom: 1.5rem;
827
- }
828
-
829
- .ml-1 {
830
- margin-left: 0.25rem;
831
- }
832
-
833
- .ml-2 {
834
- margin-left: 0.5rem;
835
- }
836
-
837
- .ml-7 {
838
- margin-left: 1.75rem;
839
- }
840
-
841
- .ml-auto {
842
- margin-left: auto;
843
- }
844
-
845
- .mr-1 {
846
- margin-right: 0.25rem;
847
- }
848
-
849
- .mr-2 {
850
- margin-right: 0.5rem;
851
- }
852
-
853
- .mt-0 {
854
- margin-top: 0px;
855
- }
856
-
857
- .mt-0\.5 {
858
- margin-top: 0.125rem;
859
- }
860
-
861
- .mt-1 {
862
- margin-top: 0.25rem;
863
- }
864
-
865
- .mt-1\.5 {
866
- margin-top: 0.375rem;
867
- }
868
-
869
- .mt-2 {
870
- margin-top: 0.5rem;
871
- }
872
-
873
- .mt-3 {
874
- margin-top: 0.75rem;
875
- }
876
-
877
- .mt-4 {
878
- margin-top: 1rem;
879
- }
880
-
881
- .mt-6 {
882
- margin-top: 1.5rem;
883
- }
884
-
885
- .line-clamp-2 {
886
- overflow: hidden;
887
- display: -webkit-box;
888
- -webkit-box-orient: vertical;
889
- -webkit-line-clamp: 2;
890
- }
891
-
892
- .block {
893
- display: block;
894
- }
895
-
896
- .inline-block {
897
- display: inline-block;
898
- }
899
-
900
- .flex {
901
- display: flex;
902
- }
903
-
904
- .inline-flex {
905
- display: inline-flex;
906
- }
907
-
908
- .table {
909
- display: table;
910
- }
911
-
912
- .grid {
913
- display: grid;
914
- }
915
-
916
- .hidden {
917
- display: none;
918
- }
919
-
920
- .aspect-square {
921
- aspect-ratio: 1 / 1;
922
- }
923
-
924
- .size-4 {
925
- width: 1rem;
926
- height: 1rem;
927
- }
928
-
929
- .h-1 {
930
- height: 0.25rem;
931
- }
932
-
933
- .h-10 {
934
- height: 2.5rem;
935
- }
936
-
937
- .h-11 {
938
- height: 2.75rem;
939
- }
940
-
941
- .h-12 {
942
- height: 3rem;
943
- }
944
-
945
- .h-16 {
946
- height: 4rem;
947
- }
948
-
949
- .h-2 {
950
- height: 0.5rem;
951
- }
952
-
953
- .h-2\.5 {
954
- height: 0.625rem;
955
- }
956
-
957
- .h-24 {
958
- height: 6rem;
959
- }
960
-
961
- .h-3 {
962
- height: 0.75rem;
963
- }
964
-
965
- .h-3\.5 {
966
- height: 0.875rem;
967
- }
968
-
969
- .h-4 {
970
- height: 1rem;
971
- }
972
-
973
- .h-48 {
974
- height: 12rem;
975
- }
976
-
977
- .h-5 {
978
- height: 1.25rem;
979
- }
980
-
981
- .h-6 {
982
- height: 1.5rem;
983
- }
984
-
985
- .h-7 {
986
- height: 1.75rem;
987
- }
988
-
989
- .h-8 {
990
- height: 2rem;
991
- }
992
-
993
- .h-9 {
994
- height: 2.25rem;
995
- }
996
-
997
- .h-\[1px\] {
998
- height: 1px;
999
- }
1000
-
1001
- .h-\[300px\] {
1002
- height: 300px;
1003
- }
1004
-
1005
- .h-\[70vh\] {
1006
- height: 70vh;
1007
- }
1008
-
1009
- .h-auto {
1010
- height: auto;
1011
- }
1012
-
1013
- .h-full {
1014
- height: 100%;
1015
- }
1016
-
1017
- .h-px {
1018
- height: 1px;
1019
- }
1020
-
1021
- .h-screen {
1022
- height: 100vh;
1023
- }
1024
-
1025
- .h-svh {
1026
- height: 100svh;
1027
- }
1028
-
1029
- .max-h-60 {
1030
- max-height: 15rem;
1031
- }
1032
-
1033
- .max-h-96 {
1034
- max-height: 24rem;
1035
- }
1036
-
1037
- .max-h-\[240px\] {
1038
- max-height: 240px;
1039
- }
1040
-
1041
- .max-h-\[300px\] {
1042
- max-height: 300px;
1043
- }
1044
-
1045
- .max-h-\[80vh\] {
1046
- max-height: 80vh;
1047
- }
1048
-
1049
- .max-h-\[85vh\] {
1050
- max-height: 85vh;
1051
- }
1052
-
1053
- .max-h-\[90vh\] {
1054
- max-height: 90vh;
1055
- }
1056
-
1057
- .max-h-\[calc\(90vh-120px\)\] {
1058
- max-height: calc(90vh - 120px);
1059
- }
1060
-
1061
- .max-h-screen {
1062
- max-height: 100vh;
1063
- }
1064
-
1065
- .min-h-0 {
1066
- min-height: 0px;
1067
- }
1068
-
1069
- .min-h-10 {
1070
- min-height: 2.5rem;
1071
- }
1072
-
1073
- .min-h-\[400px\] {
1074
- min-height: 400px;
1075
- }
1076
-
1077
- .min-h-\[80px\] {
1078
- min-height: 80px;
1079
- }
1080
-
1081
- .min-h-screen {
1082
- min-height: 100vh;
1083
- }
1084
-
1085
- .min-h-svh {
1086
- min-height: 100svh;
1087
- }
1088
-
1089
- .w-10 {
1090
- width: 2.5rem;
1091
- }
1092
-
1093
- .w-12 {
1094
- width: 3rem;
1095
- }
1096
-
1097
- .w-14 {
1098
- width: 3.5rem;
1099
- }
1100
-
1101
- .w-16 {
1102
- width: 4rem;
1103
- }
1104
-
1105
- .w-2 {
1106
- width: 0.5rem;
1107
- }
1108
-
1109
- .w-2\.5 {
1110
- width: 0.625rem;
1111
- }
1112
-
1113
- .w-20 {
1114
- width: 5rem;
1115
- }
1116
-
1117
- .w-24 {
1118
- width: 6rem;
1119
- }
1120
-
1121
- .w-28 {
1122
- width: 7rem;
1123
- }
1124
-
1125
- .w-3 {
1126
- width: 0.75rem;
1127
- }
1128
-
1129
- .w-3\.5 {
1130
- width: 0.875rem;
1131
- }
1132
-
1133
- .w-3\/4 {
1134
- width: 75%;
1135
- }
1136
-
1137
- .w-32 {
1138
- width: 8rem;
1139
- }
1140
-
1141
- .w-36 {
1142
- width: 9rem;
1143
- }
1144
-
1145
- .w-4 {
1146
- width: 1rem;
1147
- }
1148
-
1149
- .w-40 {
1150
- width: 10rem;
1151
- }
1152
-
1153
- .w-44 {
1154
- width: 11rem;
1155
- }
1156
-
1157
- .w-48 {
1158
- width: 12rem;
1159
- }
1160
-
1161
- .w-5 {
1162
- width: 1.25rem;
1163
- }
1164
-
1165
- .w-52 {
1166
- width: 13rem;
1167
- }
1168
-
1169
- .w-6 {
1170
- width: 1.5rem;
1171
- }
1172
-
1173
- .w-64 {
1174
- width: 16rem;
1175
- }
1176
-
1177
- .w-7 {
1178
- width: 1.75rem;
1179
- }
1180
-
1181
- .w-72 {
1182
- width: 18rem;
1183
- }
1184
-
1185
- .w-8 {
1186
- width: 2rem;
1187
- }
1188
-
1189
- .w-9 {
1190
- width: 2.25rem;
1191
- }
1192
-
1193
- .w-\[--sidebar-width\] {
1194
- width: var(--sidebar-width);
1195
- }
1196
-
1197
- .w-\[1px\] {
1198
- width: 1px;
1199
- }
1200
-
1201
- .w-\[2px\] {
1202
- width: 2px;
1203
- }
1204
-
1205
- .w-\[var\(--radix-popover-trigger-width\)\] {
1206
- width: var(--radix-popover-trigger-width);
1207
- }
1208
-
1209
- .w-auto {
1210
- width: auto;
1211
- }
1212
-
1213
- .w-full {
1214
- width: 100%;
1215
- }
1216
-
1217
- .min-w-0 {
1218
- min-width: 0px;
1219
- }
1220
-
1221
- .min-w-5 {
1222
- min-width: 1.25rem;
1223
- }
1224
-
1225
- .min-w-\[180px\] {
1226
- min-width: 180px;
1227
- }
1228
-
1229
- .min-w-\[200px\] {
1230
- min-width: 200px;
1231
- }
1232
-
1233
- .min-w-\[8rem\] {
1234
- min-width: 8rem;
1235
- }
1236
-
1237
- .max-w-2xl {
1238
- max-width: 42rem;
1239
- }
1240
-
1241
- .max-w-3xl {
1242
- max-width: 48rem;
1243
- }
1244
-
1245
- .max-w-4xl {
1246
- max-width: 56rem;
1247
- }
1248
-
1249
- .max-w-6xl {
1250
- max-width: 72rem;
1251
- }
1252
-
1253
- .max-w-7xl {
1254
- max-width: 80rem;
1255
- }
1256
-
1257
- .max-w-\[--skeleton-width\] {
1258
- max-width: var(--skeleton-width);
1259
- }
1260
-
1261
- .max-w-\[200px\] {
1262
- max-width: 200px;
1263
- }
1264
-
1265
- .max-w-\[50\%\] {
1266
- max-width: 50%;
1267
- }
1268
-
1269
- .max-w-full {
1270
- max-width: 100%;
1271
- }
1272
-
1273
- .max-w-lg {
1274
- max-width: 32rem;
1275
- }
1276
-
1277
- .max-w-md {
1278
- max-width: 28rem;
1279
- }
1280
-
1281
- .max-w-none {
1282
- max-width: none;
1283
- }
1284
-
1285
- .max-w-screen-2xl {
1286
- max-width: 1536px;
1287
- }
1288
-
1289
- .max-w-sm {
1290
- max-width: 24rem;
1291
- }
1292
-
1293
- .flex-1 {
1294
- flex: 1 1 0%;
1295
- }
1296
-
1297
- .flex-none {
1298
- flex: none;
1299
- }
1300
-
1301
- .flex-shrink-0 {
1302
- flex-shrink: 0;
1303
- }
1304
-
1305
- .shrink-0 {
1306
- flex-shrink: 0;
1307
- }
1308
-
1309
- .table-fixed {
1310
- table-layout: fixed;
1311
- }
1312
-
1313
- .caption-bottom {
1314
- caption-side: bottom;
1315
- }
1316
-
1317
- .border-collapse {
1318
- border-collapse: collapse;
1319
- }
1320
-
1321
- .-translate-x-1\/2 {
1322
- --tw-translate-x: -50%;
1323
- 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));
1324
- }
1325
-
1326
- .-translate-x-px {
1327
- --tw-translate-x: -1px;
1328
- 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));
1329
- }
1330
-
1331
- .-translate-y-1\/2 {
1332
- --tw-translate-y: -50%;
1333
- 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));
1334
- }
1335
-
1336
- .-translate-y-2 {
1337
- --tw-translate-y: -0.5rem;
1338
- 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));
1339
- }
1340
-
1341
- .translate-x-\[-50\%\] {
1342
- --tw-translate-x: -50%;
1343
- 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));
1344
- }
1345
-
1346
- .translate-x-px {
1347
- --tw-translate-x: 1px;
1348
- 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));
1349
- }
1350
-
1351
- .translate-y-0 {
1352
- --tw-translate-y: 0px;
1353
- 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));
1354
- }
1355
-
1356
- .translate-y-\[-50\%\] {
1357
- --tw-translate-y: -50%;
1358
- 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));
1359
- }
1360
-
1361
- .rotate-90 {
1362
- --tw-rotate: 90deg;
1363
- 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));
1364
- }
1365
-
1366
- .transform {
1367
- 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));
1368
- }
1369
-
1370
- @keyframes pulse {
1371
- 50% {
1372
- opacity: .5;
1373
- }
1374
- }
1375
-
1376
- .animate-pulse {
1377
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1378
- }
1379
-
1380
- @keyframes spin {
1381
- to {
1382
- transform: rotate(360deg);
1383
- }
1384
- }
1385
-
1386
- .animate-spin {
1387
- animation: spin 1s linear infinite;
1388
- }
1389
-
1390
- .cursor-default {
1391
- cursor: default;
1392
- }
1393
-
1394
- .cursor-not-allowed {
1395
- cursor: not-allowed;
1396
- }
1397
-
1398
- .cursor-pointer {
1399
- cursor: pointer;
1400
- }
1401
-
1402
- .touch-none {
1403
- touch-action: none;
1404
- }
1405
-
1406
- .select-none {
1407
- -webkit-user-select: none;
1408
- -moz-user-select: none;
1409
- user-select: none;
1410
- }
1411
-
1412
- .resize-none {
1413
- resize: none;
1414
- }
1415
-
1416
- .resize-y {
1417
- resize: vertical;
1418
- }
1419
-
1420
- .grid-cols-1 {
1421
- grid-template-columns: repeat(1, minmax(0, 1fr));
1422
- }
1423
-
1424
- .grid-cols-2 {
1425
- grid-template-columns: repeat(2, minmax(0, 1fr));
1426
- }
1427
-
1428
- .grid-cols-3 {
1429
- grid-template-columns: repeat(3, minmax(0, 1fr));
1430
- }
1431
-
1432
- .grid-cols-4 {
1433
- grid-template-columns: repeat(4, minmax(0, 1fr));
1434
- }
1435
-
1436
- .flex-row {
1437
- flex-direction: row;
1438
- }
1439
-
1440
- .flex-col {
1441
- flex-direction: column;
1442
- }
1443
-
1444
- .flex-col-reverse {
1445
- flex-direction: column-reverse;
1446
- }
1447
-
1448
- .flex-wrap {
1449
- flex-wrap: wrap;
1450
- }
1451
-
1452
- .items-start {
1453
- align-items: flex-start;
1454
- }
1455
-
1456
- .items-end {
1457
- align-items: flex-end;
1458
- }
1459
-
1460
- .items-center {
1461
- align-items: center;
1462
- }
1463
-
1464
- .items-stretch {
1465
- align-items: stretch;
1466
- }
1467
-
1468
- .justify-start {
1469
- justify-content: flex-start;
1470
- }
1471
-
1472
- .justify-end {
1473
- justify-content: flex-end;
1474
- }
1475
-
1476
- .justify-center {
1477
- justify-content: center;
1478
- }
1479
-
1480
- .justify-between {
1481
- justify-content: space-between;
1482
- }
1483
-
1484
- .justify-around {
1485
- justify-content: space-around;
1486
- }
1487
-
1488
- .gap-0 {
1489
- gap: 0px;
1490
- }
1491
-
1492
- .gap-1 {
1493
- gap: 0.25rem;
1494
- }
1495
-
1496
- .gap-1\.5 {
1497
- gap: 0.375rem;
1498
- }
1499
-
1500
- .gap-2 {
1501
- gap: 0.5rem;
1502
- }
1503
-
1504
- .gap-3 {
1505
- gap: 0.75rem;
1506
- }
1507
-
1508
- .gap-4 {
1509
- gap: 1rem;
1510
- }
1511
-
1512
- .gap-6 {
1513
- gap: 1.5rem;
1514
- }
1515
-
1516
- .gap-8 {
1517
- gap: 2rem;
1518
- }
1519
-
1520
- .gap-x-8 {
1521
- -moz-column-gap: 2rem;
1522
- column-gap: 2rem;
1523
- }
1524
-
1525
- .gap-y-4 {
1526
- row-gap: 1rem;
1527
- }
1528
-
1529
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1530
- --tw-space-x-reverse: 0;
1531
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1532
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1533
- }
1534
-
1535
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1536
- --tw-space-x-reverse: 0;
1537
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1538
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1539
- }
1540
-
1541
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1542
- --tw-space-x-reverse: 0;
1543
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1544
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1545
- }
1546
-
1547
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1548
- --tw-space-x-reverse: 0;
1549
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1550
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1551
- }
1552
-
1553
- .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1554
- --tw-space-x-reverse: 0;
1555
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
1556
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
1557
- }
1558
-
1559
- .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1560
- --tw-space-x-reverse: 0;
1561
- margin-right: calc(2rem * var(--tw-space-x-reverse));
1562
- margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
1563
- }
1564
-
1565
- .space-y-0 > :not([hidden]) ~ :not([hidden]) {
1566
- --tw-space-y-reverse: 0;
1567
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1568
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
1569
- }
1570
-
1571
- .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
1572
- --tw-space-y-reverse: 0;
1573
- margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1574
- margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1575
- }
1576
-
1577
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1578
- --tw-space-y-reverse: 0;
1579
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1580
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1581
- }
1582
-
1583
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1584
- --tw-space-y-reverse: 0;
1585
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1586
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1587
- }
1588
-
1589
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1590
- --tw-space-y-reverse: 0;
1591
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1592
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1593
- }
1594
-
1595
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1596
- --tw-space-y-reverse: 0;
1597
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1598
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1599
- }
1600
-
1601
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1602
- --tw-space-y-reverse: 0;
1603
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1604
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1605
- }
1606
-
1607
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1608
- --tw-space-y-reverse: 0;
1609
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1610
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1611
- }
1612
-
1613
- .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1614
- --tw-space-y-reverse: 0;
1615
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1616
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1617
- }
1618
-
1619
- .overflow-auto {
1620
- overflow: auto;
1621
- }
1622
-
1623
- .overflow-hidden {
1624
- overflow: hidden;
1625
- }
1626
-
1627
- .overflow-x-auto {
1628
- overflow-x: auto;
1629
- }
1630
-
1631
- .overflow-y-auto {
1632
- overflow-y: auto;
1633
- }
1634
-
1635
- .overscroll-contain {
1636
- overscroll-behavior: contain;
1637
- }
1638
-
1639
- .truncate {
1640
- overflow: hidden;
1641
- text-overflow: ellipsis;
1642
- white-space: nowrap;
1643
- }
1644
-
1645
- .whitespace-normal {
1646
- white-space: normal;
1647
- }
1648
-
1649
- .whitespace-nowrap {
1650
- white-space: nowrap;
1651
- }
1652
-
1653
- .whitespace-pre-wrap {
1654
- white-space: pre-wrap;
1655
- }
1656
-
1657
- .break-words {
1658
- overflow-wrap: break-word;
1659
- }
1660
-
1661
- .break-all {
1662
- word-break: break-all;
1663
- }
1664
-
1665
- .rounded {
1666
- border-radius: 0.25rem;
1667
- }
1668
-
1669
- .rounded-\[inherit\] {
1670
- border-radius: inherit;
1671
- }
1672
-
1673
- .rounded-full {
1674
- border-radius: 9999px;
1675
- }
1676
-
1677
- .rounded-lg {
1678
- border-radius: var(--radius);
1679
- }
1680
-
1681
- .rounded-md {
1682
- border-radius: calc(var(--radius) - 2px);
1683
- }
1684
-
1685
- .rounded-sm {
1686
- border-radius: calc(var(--radius) - 4px);
1687
- }
1688
-
1689
- .border {
1690
- border-width: 1px;
1691
- }
1692
-
1693
- .border-2 {
1694
- border-width: 2px;
1695
- }
1696
-
1697
- .border-b {
1698
- border-bottom-width: 1px;
1699
- }
1700
-
1701
- .border-l {
1702
- border-left-width: 1px;
1703
- }
1704
-
1705
- .border-r {
1706
- border-right-width: 1px;
1707
- }
1708
-
1709
- .border-t {
1710
- border-top-width: 1px;
1711
- }
1712
-
1713
- .border-dashed {
1714
- border-style: dashed;
1715
- }
1716
-
1717
- .border-amber-200 {
1718
- --tw-border-opacity: 1;
1719
- border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
1720
- }
1721
-
1722
- .border-blue-200 {
1723
- --tw-border-opacity: 1;
1724
- border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1725
- }
1726
-
1727
- .border-blue-500\/20 {
1728
- border-color: rgb(59 130 246 / 0.2);
1729
- }
1730
-
1731
- .border-border {
1732
- border-color: hsl(var(--border));
1733
- }
1734
-
1735
- .border-border\/50 {
1736
- border-color: hsl(var(--border) / 0.5);
1737
- }
1738
-
1739
- .border-border\/75 {
1740
- border-color: hsl(var(--border) / 0.75);
1741
- }
1742
-
1743
- .border-destructive {
1744
- border-color: hsl(var(--destructive));
1745
- }
1746
-
1747
- .border-destructive\/20 {
1748
- border-color: hsl(var(--destructive) / 0.2);
1749
- }
1750
-
1751
- .border-emerald-200 {
1752
- --tw-border-opacity: 1;
1753
- border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
1754
- }
1755
-
1756
- .border-foreground {
1757
- border-color: hsl(var(--foreground));
1758
- }
1759
-
1760
- .border-form-border {
1761
- border-color: hsl(var(--form-border));
1762
- }
1763
-
1764
- .border-form-border-error {
1765
- border-color: hsl(var(--form-border-error));
1766
- }
1767
-
1768
- .border-form-border-success {
1769
- border-color: hsl(var(--form-border-success));
1770
- }
1771
-
1772
- .border-gray-200 {
1773
- --tw-border-opacity: 1;
1774
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1775
- }
1776
-
1777
- .border-gray-500 {
1778
- --tw-border-opacity: 1;
1779
- border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
1780
- }
1781
-
1782
- .border-green-200 {
1783
- --tw-border-opacity: 1;
1784
- border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
1785
- }
1786
-
1787
- .border-green-600 {
1788
- --tw-border-opacity: 1;
1789
- border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1790
- }
1791
-
1792
- .border-indigo-200 {
1793
- --tw-border-opacity: 1;
1794
- border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
1795
- }
1796
-
1797
- .border-input {
1798
- border-color: hsl(var(--input));
1799
- }
1800
-
1801
- .border-orange-200 {
1802
- --tw-border-opacity: 1;
1803
- border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
1804
- }
1805
-
1806
- .border-primary {
1807
- border-color: hsl(var(--primary));
1808
- }
1809
-
1810
- .border-primary\/20 {
1811
- border-color: hsl(var(--primary) / 0.2);
1812
- }
1813
-
1814
- .border-primary\/30 {
1815
- border-color: hsl(var(--primary) / 0.3);
1816
- }
1817
-
1818
- .border-primary\/50 {
1819
- border-color: hsl(var(--primary) / 0.5);
1820
- }
1821
-
1822
- .border-purple-200 {
1823
- --tw-border-opacity: 1;
1824
- border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
1825
- }
1826
-
1827
- .border-red-200 {
1828
- --tw-border-opacity: 1;
1829
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1830
- }
1831
-
1832
- .border-red-600 {
1833
- --tw-border-opacity: 1;
1834
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
1835
- }
1836
-
1837
- .border-rose-200 {
1838
- --tw-border-opacity: 1;
1839
- border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
1840
- }
1841
-
1842
- .border-sidebar-border {
1843
- border-color: hsl(var(--sidebar-border));
1844
- }
1845
-
1846
- .border-slate-200 {
1847
- --tw-border-opacity: 1;
1848
- border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1849
- }
1850
-
1851
- .border-slate-300 {
1852
- --tw-border-opacity: 1;
1853
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1854
- }
1855
-
1856
- .border-success {
1857
- border-color: hsl(var(--success));
1858
- }
1859
-
1860
- .border-success\/20 {
1861
- border-color: hsl(var(--success) / 0.2);
1862
- }
1863
-
1864
- .border-teal-200 {
1865
- --tw-border-opacity: 1;
1866
- border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
1867
- }
1868
-
1869
- .border-transparent {
1870
- border-color: transparent;
1871
- }
1872
-
1873
- .border-violet-200 {
1874
- --tw-border-opacity: 1;
1875
- border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
1876
- }
1877
-
1878
- .border-warning {
1879
- border-color: hsl(var(--warning));
1880
- }
1881
-
1882
- .border-warning\/20 {
1883
- border-color: hsl(var(--warning) / 0.2);
1884
- }
1885
-
1886
- .border-yellow-200 {
1887
- --tw-border-opacity: 1;
1888
- border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
1889
- }
1890
-
1891
- .border-yellow-600 {
1892
- --tw-border-opacity: 1;
1893
- border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
1894
- }
1895
-
1896
- .border-l-transparent {
1897
- border-left-color: transparent;
1898
- }
1899
-
1900
- .border-t-transparent {
1901
- border-top-color: transparent;
1902
- }
1903
-
1904
- .bg-accent {
1905
- background-color: hsl(var(--accent));
1906
- }
1907
-
1908
- .bg-amber-50 {
1909
- --tw-bg-opacity: 1;
1910
- background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
1911
- }
1912
-
1913
- .bg-background {
1914
- background-color: hsl(var(--background));
1915
- }
1916
-
1917
- .bg-background\/60 {
1918
- background-color: hsl(var(--background) / 0.6);
1919
- }
1920
-
1921
- .bg-background\/80 {
1922
- background-color: hsl(var(--background) / 0.8);
1923
- }
1924
-
1925
- .bg-background\/95 {
1926
- background-color: hsl(var(--background) / 0.95);
1927
- }
1928
-
1929
- .bg-blue-50 {
1930
- --tw-bg-opacity: 1;
1931
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1932
- }
1933
-
1934
- .bg-blue-500 {
1935
- --tw-bg-opacity: 1;
1936
- background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1937
- }
1938
-
1939
- .bg-blue-500\/10 {
1940
- background-color: rgb(59 130 246 / 0.1);
1941
- }
1942
-
1943
- .bg-blue-600 {
1944
- --tw-bg-opacity: 1;
1945
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1946
- }
1947
-
1948
- .bg-border {
1949
- background-color: hsl(var(--border));
1950
- }
1951
-
1952
- .bg-card {
1953
- background-color: hsl(var(--card));
1954
- }
1955
-
1956
- .bg-destructive {
1957
- background-color: hsl(var(--destructive));
1958
- }
1959
-
1960
- .bg-destructive\/10 {
1961
- background-color: hsl(var(--destructive) / 0.1);
1962
- }
1963
-
1964
- .bg-destructive\/5 {
1965
- background-color: hsl(var(--destructive) / 0.05);
1966
- }
1967
-
1968
- .bg-destructive\/80 {
1969
- background-color: hsl(var(--destructive) / 0.8);
1970
- }
1971
-
1972
- .bg-destructive\/90 {
1973
- background-color: hsl(var(--destructive) / 0.9);
1974
- }
1975
-
1976
- .bg-emerald-50 {
1977
- --tw-bg-opacity: 1;
1978
- background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
1979
- }
1980
-
1981
- .bg-foreground {
1982
- background-color: hsl(var(--foreground));
1983
- }
1984
-
1985
- .bg-foreground\/90 {
1986
- background-color: hsl(var(--foreground) / 0.9);
1987
- }
1988
-
1989
- .bg-form-background {
1990
- background-color: hsl(var(--form-background));
1991
- }
1992
-
1993
- .bg-gray-100 {
1994
- --tw-bg-opacity: 1;
1995
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1996
- }
1997
-
1998
- .bg-gray-50 {
1999
- --tw-bg-opacity: 1;
2000
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2001
- }
2002
-
2003
- .bg-gray-950\/30 {
2004
- background-color: rgb(3 7 18 / 0.3);
2005
- }
2006
-
2007
- .bg-green-50 {
2008
- --tw-bg-opacity: 1;
2009
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
2010
- }
2011
-
2012
- .bg-green-950\/30 {
2013
- background-color: rgb(5 46 22 / 0.3);
2014
- }
2015
-
2016
- .bg-indigo-50 {
2017
- --tw-bg-opacity: 1;
2018
- background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
2019
- }
2020
-
2021
- .bg-muted {
2022
- background-color: hsl(var(--muted));
2023
- }
2024
-
2025
- .bg-muted-foreground {
2026
- background-color: hsl(var(--muted-foreground));
2027
- }
2028
-
2029
- .bg-muted\/30 {
2030
- background-color: hsl(var(--muted) / 0.3);
2031
- }
2032
-
2033
- .bg-muted\/50 {
2034
- background-color: hsl(var(--muted) / 0.5);
2035
- }
2036
-
2037
- .bg-orange-50 {
2038
- --tw-bg-opacity: 1;
2039
- background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
2040
- }
2041
-
2042
- .bg-orange-500 {
2043
- --tw-bg-opacity: 1;
2044
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
2045
- }
2046
-
2047
- .bg-orange-600 {
2048
- --tw-bg-opacity: 1;
2049
- background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
2050
- }
2051
-
2052
- .bg-popover {
2053
- background-color: hsl(var(--popover));
2054
- }
2055
-
2056
- .bg-primary {
2057
- background-color: hsl(var(--primary));
2058
- }
2059
-
2060
- .bg-primary-foreground {
2061
- background-color: hsl(var(--primary-foreground));
2062
- }
2063
-
2064
- .bg-primary-glow {
2065
- background-color: hsl(var(--primary-glow));
2066
- }
2067
-
2068
- .bg-primary\/10 {
2069
- background-color: hsl(var(--primary) / 0.1);
2070
- }
2071
-
2072
- .bg-primary\/20 {
2073
- background-color: hsl(var(--primary) / 0.2);
2074
- }
2075
-
2076
- .bg-primary\/5 {
2077
- background-color: hsl(var(--primary) / 0.05);
2078
- }
2079
-
2080
- .bg-primary\/80 {
2081
- background-color: hsl(var(--primary) / 0.8);
2082
- }
2083
-
2084
- .bg-primary\/90 {
2085
- background-color: hsl(var(--primary) / 0.9);
2086
- }
2087
-
2088
- .bg-purple-50 {
2089
- --tw-bg-opacity: 1;
2090
- background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
2091
- }
2092
-
2093
- .bg-red-50 {
2094
- --tw-bg-opacity: 1;
2095
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
2096
- }
2097
-
2098
- .bg-red-950\/30 {
2099
- background-color: rgb(69 10 10 / 0.3);
2100
- }
2101
-
2102
- .bg-rose-50 {
2103
- --tw-bg-opacity: 1;
2104
- background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
2105
- }
2106
-
2107
- .bg-secondary {
2108
- background-color: hsl(var(--secondary));
2109
- }
2110
-
2111
- .bg-secondary\/80 {
2112
- background-color: hsl(var(--secondary) / 0.8);
2113
- }
2114
-
2115
- .bg-sidebar {
2116
- background-color: hsl(var(--sidebar-background));
2117
- }
2118
-
2119
- .bg-sidebar-border {
2120
- background-color: hsl(var(--sidebar-border));
2121
- }
2122
-
2123
- .bg-sidebar-primary\/10 {
2124
- background-color: hsl(var(--sidebar-primary) / 0.1);
2125
- }
2126
-
2127
- .bg-slate-50 {
2128
- --tw-bg-opacity: 1;
2129
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
2130
- }
2131
-
2132
- .bg-success {
2133
- background-color: hsl(var(--success));
2134
- }
2135
-
2136
- .bg-success\/10 {
2137
- background-color: hsl(var(--success) / 0.1);
2138
- }
2139
-
2140
- .bg-success\/5 {
2141
- background-color: hsl(var(--success) / 0.05);
2142
- }
2143
-
2144
- .bg-success\/80 {
2145
- background-color: hsl(var(--success) / 0.8);
2146
- }
2147
-
2148
- .bg-teal-50 {
2149
- --tw-bg-opacity: 1;
2150
- background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
2151
- }
2152
-
2153
- .bg-transparent {
2154
- background-color: transparent;
2155
- }
2156
-
2157
- .bg-violet-50 {
2158
- --tw-bg-opacity: 1;
2159
- background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
2160
- }
2161
-
2162
- .bg-warning {
2163
- background-color: hsl(var(--warning));
2164
- }
2165
-
2166
- .bg-warning\/5 {
2167
- background-color: hsl(var(--warning) / 0.05);
2168
- }
2169
-
2170
- .bg-warning\/80 {
2171
- background-color: hsl(var(--warning) / 0.8);
2172
- }
2173
-
2174
- .bg-white\/80 {
2175
- background-color: rgb(255 255 255 / 0.8);
2176
- }
2177
-
2178
- .bg-yellow-50 {
2179
- --tw-bg-opacity: 1;
2180
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
2181
- }
2182
-
2183
- .bg-yellow-950\/30 {
2184
- background-color: rgb(66 32 6 / 0.3);
2185
- }
2186
-
2187
- .bg-gradient-subtle {
2188
- background-image: var(--gradient-subtle);
2189
- }
2190
-
2191
- .bg-gradient-to-br {
2192
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
2193
- }
2194
-
2195
- .from-primary\/10 {
2196
- --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
2197
- --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2198
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2199
- }
2200
-
2201
- .from-primary\/5 {
2202
- --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
2203
- --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2204
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2205
- }
2206
-
2207
- .via-primary\/5 {
2208
- --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2209
- --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
2210
- }
2211
-
2212
- .to-background {
2213
- --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
2214
- }
2215
-
2216
- .object-cover {
2217
- -o-object-fit: cover;
2218
- object-fit: cover;
2219
- }
2220
-
2221
- .p-0 {
2222
- padding: 0px;
2223
- }
2224
-
2225
- .p-1 {
2226
- padding: 0.25rem;
2227
- }
2228
-
2229
- .p-2 {
2230
- padding: 0.5rem;
2231
- }
2232
-
2233
- .p-3 {
2234
- padding: 0.75rem;
2235
- }
2236
-
2237
- .p-4 {
2238
- padding: 1rem;
2239
- }
2240
-
2241
- .p-6 {
2242
- padding: 1.5rem;
2243
- }
2244
-
2245
- .p-8 {
2246
- padding: 2rem;
2247
- }
2248
-
2249
- .p-\[1px\] {
2250
- padding: 1px;
2251
- }
2252
-
2253
- .px-1 {
2254
- padding-left: 0.25rem;
2255
- padding-right: 0.25rem;
2256
- }
2257
-
2258
- .px-2 {
2259
- padding-left: 0.5rem;
2260
- padding-right: 0.5rem;
2261
- }
2262
-
2263
- .px-2\.5 {
2264
- padding-left: 0.625rem;
2265
- padding-right: 0.625rem;
2266
- }
2267
-
2268
- .px-3 {
2269
- padding-left: 0.75rem;
2270
- padding-right: 0.75rem;
2271
- }
2272
-
2273
- .px-4 {
2274
- padding-left: 1rem;
2275
- padding-right: 1rem;
2276
- }
2277
-
2278
- .px-6 {
2279
- padding-left: 1.5rem;
2280
- padding-right: 1.5rem;
2281
- }
2282
-
2283
- .px-8 {
2284
- padding-left: 2rem;
2285
- padding-right: 2rem;
2286
- }
2287
-
2288
- .py-0\.5 {
2289
- padding-top: 0.125rem;
2290
- padding-bottom: 0.125rem;
2291
- }
2292
-
2293
- .py-1 {
2294
- padding-top: 0.25rem;
2295
- padding-bottom: 0.25rem;
2296
- }
2297
-
2298
- .py-1\.5 {
2299
- padding-top: 0.375rem;
2300
- padding-bottom: 0.375rem;
2301
- }
2302
-
2303
- .py-12 {
2304
- padding-top: 3rem;
2305
- padding-bottom: 3rem;
2306
- }
2307
-
2308
- .py-2 {
2309
- padding-top: 0.5rem;
2310
- padding-bottom: 0.5rem;
2311
- }
2312
-
2313
- .py-3 {
2314
- padding-top: 0.75rem;
2315
- padding-bottom: 0.75rem;
2316
- }
2317
-
2318
- .py-4 {
2319
- padding-top: 1rem;
2320
- padding-bottom: 1rem;
2321
- }
2322
-
2323
- .py-6 {
2324
- padding-top: 1.5rem;
2325
- padding-bottom: 1.5rem;
2326
- }
2327
-
2328
- .py-8 {
2329
- padding-top: 2rem;
2330
- padding-bottom: 2rem;
2331
- }
2332
-
2333
- .pb-2 {
2334
- padding-bottom: 0.5rem;
2335
- }
2336
-
2337
- .pb-3 {
2338
- padding-bottom: 0.75rem;
2339
- }
2340
-
2341
- .pb-4 {
2342
- padding-bottom: 1rem;
2343
- }
2344
-
2345
- .pb-6 {
2346
- padding-bottom: 1.5rem;
2347
- }
2348
-
2349
- .pl-4 {
2350
- padding-left: 1rem;
2351
- }
2352
-
2353
- .pl-6 {
2354
- padding-left: 1.5rem;
2355
- }
2356
-
2357
- .pl-8 {
2358
- padding-left: 2rem;
2359
- }
2360
-
2361
- .pr-10 {
2362
- padding-right: 2.5rem;
2363
- }
2364
-
2365
- .pr-2 {
2366
- padding-right: 0.5rem;
2367
- }
2368
-
2369
- .pr-8 {
2370
- padding-right: 2rem;
2371
- }
2372
-
2373
- .pt-0 {
2374
- padding-top: 0px;
2375
- }
2376
-
2377
- .pt-0\.5 {
2378
- padding-top: 0.125rem;
2379
- }
2380
-
2381
- .pt-1 {
2382
- padding-top: 0.25rem;
2383
- }
2384
-
2385
- .pt-2 {
2386
- padding-top: 0.5rem;
2387
- }
2388
-
2389
- .pt-3 {
2390
- padding-top: 0.75rem;
2391
- }
2392
-
2393
- .pt-4 {
2394
- padding-top: 1rem;
2395
- }
2396
-
2397
- .pt-6 {
2398
- padding-top: 1.5rem;
2399
- }
2400
-
2401
- .text-left {
2402
- text-align: left;
2403
- }
2404
-
2405
- .text-center {
2406
- text-align: center;
2407
- }
2408
-
2409
- .text-right {
2410
- text-align: right;
2411
- }
2412
-
2413
- .align-middle {
2414
- vertical-align: middle;
2415
- }
2416
-
2417
- .font-mono {
2418
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2419
- }
2420
-
2421
- .text-2xl {
2422
- font-size: 1.5rem;
2423
- line-height: 2rem;
2424
- }
2425
-
2426
- .text-3xl {
2427
- font-size: 1.875rem;
2428
- line-height: 2.25rem;
2429
- }
2430
-
2431
- .text-4xl {
2432
- font-size: 2.25rem;
2433
- line-height: 2.5rem;
2434
- }
2435
-
2436
- .text-\[0\.8rem\] {
2437
- font-size: 0.8rem;
2438
- }
2439
-
2440
- .text-\[10px\] {
2441
- font-size: 10px;
2442
- }
2443
-
2444
- .text-base {
2445
- font-size: 1rem;
2446
- line-height: 1.5rem;
2447
- }
2448
-
2449
- .text-lg {
2450
- font-size: 1.125rem;
2451
- line-height: 1.75rem;
2452
- }
2453
-
2454
- .text-sm {
2455
- font-size: 0.875rem;
2456
- line-height: 1.25rem;
2457
- }
2458
-
2459
- .text-xl {
2460
- font-size: 1.25rem;
2461
- line-height: 1.75rem;
2462
- }
2463
-
2464
- .text-xs {
2465
- font-size: 0.75rem;
2466
- line-height: 1rem;
2467
- }
2468
-
2469
- .font-bold {
2470
- font-weight: 700;
2471
- }
2472
-
2473
- .font-medium {
2474
- font-weight: 500;
2475
- }
2476
-
2477
- .font-normal {
2478
- font-weight: 400;
2479
- }
2480
-
2481
- .font-semibold {
2482
- font-weight: 600;
2483
- }
2484
-
2485
- .uppercase {
2486
- text-transform: uppercase;
2487
- }
2488
-
2489
- .capitalize {
2490
- text-transform: capitalize;
2491
- }
2492
-
2493
- .tabular-nums {
2494
- --tw-numeric-spacing: tabular-nums;
2495
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2496
- }
2497
-
2498
- .leading-5 {
2499
- line-height: 1.25rem;
2500
- }
2501
-
2502
- .leading-none {
2503
- line-height: 1;
2504
- }
2505
-
2506
- .leading-relaxed {
2507
- line-height: 1.625;
2508
- }
2509
-
2510
- .tracking-tight {
2511
- letter-spacing: -0.025em;
2512
- }
2513
-
2514
- .text-accent-foreground {
2515
- color: hsl(var(--accent-foreground));
2516
- }
2517
-
2518
- .text-amber-200 {
2519
- --tw-text-opacity: 1;
2520
- color: rgb(253 230 138 / var(--tw-text-opacity, 1));
2521
- }
2522
-
2523
- .text-amber-300 {
2524
- --tw-text-opacity: 1;
2525
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
2526
- }
2527
-
2528
- .text-amber-700 {
2529
- --tw-text-opacity: 1;
2530
- color: rgb(180 83 9 / var(--tw-text-opacity, 1));
2531
- }
2532
-
2533
- .text-amber-800 {
2534
- --tw-text-opacity: 1;
2535
- color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2536
- }
2537
-
2538
- .text-background {
2539
- color: hsl(var(--background));
2540
- }
2541
-
2542
- .text-blue-300 {
2543
- --tw-text-opacity: 1;
2544
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2545
- }
2546
-
2547
- .text-blue-500 {
2548
- --tw-text-opacity: 1;
2549
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2550
- }
2551
-
2552
- .text-blue-600 {
2553
- --tw-text-opacity: 1;
2554
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2555
- }
2556
-
2557
- .text-blue-700 {
2558
- --tw-text-opacity: 1;
2559
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2560
- }
2561
-
2562
- .text-card-foreground {
2563
- color: hsl(var(--card-foreground));
2564
- }
2565
-
2566
- .text-current {
2567
- color: currentColor;
2568
- }
2569
-
2570
- .text-destructive {
2571
- color: hsl(var(--destructive));
2572
- }
2573
-
2574
- .text-destructive-foreground {
2575
- color: hsl(var(--destructive-foreground));
2576
- }
2577
-
2578
- .text-destructive\/80 {
2579
- color: hsl(var(--destructive) / 0.8);
2580
- }
2581
-
2582
- .text-emerald-300 {
2583
- --tw-text-opacity: 1;
2584
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
2585
- }
2586
-
2587
- .text-emerald-700 {
2588
- --tw-text-opacity: 1;
2589
- color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2590
- }
2591
-
2592
- .text-foreground {
2593
- color: hsl(var(--foreground));
2594
- }
2595
-
2596
- .text-foreground\/50 {
2597
- color: hsl(var(--foreground) / 0.5);
2598
- }
2599
-
2600
- .text-gray-300 {
2601
- --tw-text-opacity: 1;
2602
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2603
- }
2604
-
2605
- .text-gray-600 {
2606
- --tw-text-opacity: 1;
2607
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2608
- }
2609
-
2610
- .text-gray-700 {
2611
- --tw-text-opacity: 1;
2612
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2613
- }
2614
-
2615
- .text-green-300 {
2616
- --tw-text-opacity: 1;
2617
- color: rgb(134 239 172 / var(--tw-text-opacity, 1));
2618
- }
2619
-
2620
- .text-green-500 {
2621
- --tw-text-opacity: 1;
2622
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2623
- }
2624
-
2625
- .text-green-600 {
2626
- --tw-text-opacity: 1;
2627
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
2628
- }
2629
-
2630
- .text-green-700 {
2631
- --tw-text-opacity: 1;
2632
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2633
- }
2634
-
2635
- .text-indigo-300 {
2636
- --tw-text-opacity: 1;
2637
- color: rgb(165 180 252 / var(--tw-text-opacity, 1));
2638
- }
2639
-
2640
- .text-indigo-700 {
2641
- --tw-text-opacity: 1;
2642
- color: rgb(67 56 202 / var(--tw-text-opacity, 1));
2643
- }
2644
-
2645
- .text-muted-foreground {
2646
- color: hsl(var(--muted-foreground));
2647
- }
2648
-
2649
- .text-muted-foreground\/70 {
2650
- color: hsl(var(--muted-foreground) / 0.7);
2651
- }
2652
-
2653
- .text-orange-300 {
2654
- --tw-text-opacity: 1;
2655
- color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2656
- }
2657
-
2658
- .text-orange-500 {
2659
- --tw-text-opacity: 1;
2660
- color: rgb(249 115 22 / var(--tw-text-opacity, 1));
2661
- }
2662
-
2663
- .text-orange-700 {
2664
- --tw-text-opacity: 1;
2665
- color: rgb(194 65 12 / var(--tw-text-opacity, 1));
2666
- }
2667
-
2668
- .text-popover-foreground {
2669
- color: hsl(var(--popover-foreground));
2670
- }
2671
-
2672
- .text-primary {
2673
- color: hsl(var(--primary));
2674
- }
2675
-
2676
- .text-primary-foreground {
2677
- color: hsl(var(--primary-foreground));
2678
- }
2679
-
2680
- .text-primary\/80 {
2681
- color: hsl(var(--primary) / 0.8);
2682
- }
2683
-
2684
- .text-purple-300 {
2685
- --tw-text-opacity: 1;
2686
- color: rgb(216 180 254 / var(--tw-text-opacity, 1));
2687
- }
2688
-
2689
- .text-purple-500 {
2690
- --tw-text-opacity: 1;
2691
- color: rgb(168 85 247 / var(--tw-text-opacity, 1));
2692
- }
2693
-
2694
- .text-purple-700 {
2695
- --tw-text-opacity: 1;
2696
- color: rgb(126 34 206 / var(--tw-text-opacity, 1));
2697
- }
2698
-
2699
- .text-red-300 {
2700
- --tw-text-opacity: 1;
2701
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2702
- }
2703
-
2704
- .text-red-500 {
2705
- --tw-text-opacity: 1;
2706
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2707
- }
2708
-
2709
- .text-red-600 {
2710
- --tw-text-opacity: 1;
2711
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2712
- }
2713
-
2714
- .text-red-700 {
2715
- --tw-text-opacity: 1;
2716
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2717
- }
2718
-
2719
- .text-rose-700 {
2720
- --tw-text-opacity: 1;
2721
- color: rgb(190 18 60 / var(--tw-text-opacity, 1));
2722
- }
2723
-
2724
- .text-secondary-foreground {
2725
- color: hsl(var(--secondary-foreground));
2726
- }
2727
-
2728
- .text-sidebar-accent-foreground {
2729
- color: hsl(var(--sidebar-accent-foreground));
2730
- }
2731
-
2732
- .text-sidebar-foreground {
2733
- color: hsl(var(--sidebar-foreground));
2734
- }
2735
-
2736
- .text-sidebar-foreground\/70 {
2737
- color: hsl(var(--sidebar-foreground) / 0.7);
2738
- }
2739
-
2740
- .text-slate-100 {
2741
- --tw-text-opacity: 1;
2742
- color: rgb(241 245 249 / var(--tw-text-opacity, 1));
2743
- }
2744
-
2745
- .text-slate-300 {
2746
- --tw-text-opacity: 1;
2747
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2748
- }
2749
-
2750
- .text-slate-700 {
2751
- --tw-text-opacity: 1;
2752
- color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2753
- }
2754
-
2755
- .text-slate-900 {
2756
- --tw-text-opacity: 1;
2757
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
2758
- }
2759
-
2760
- .text-success {
2761
- color: hsl(var(--success));
2762
- }
2763
-
2764
- .text-success-foreground {
2765
- color: hsl(var(--success-foreground));
2766
- }
2767
-
2768
- .text-teal-300 {
2769
- --tw-text-opacity: 1;
2770
- color: rgb(94 234 212 / var(--tw-text-opacity, 1));
2771
- }
2772
-
2773
- .text-teal-700 {
2774
- --tw-text-opacity: 1;
2775
- color: rgb(15 118 110 / var(--tw-text-opacity, 1));
2776
- }
2777
-
2778
- .text-violet-300 {
2779
- --tw-text-opacity: 1;
2780
- color: rgb(196 181 253 / var(--tw-text-opacity, 1));
2781
- }
2782
-
2783
- .text-violet-700 {
2784
- --tw-text-opacity: 1;
2785
- color: rgb(109 40 217 / var(--tw-text-opacity, 1));
2786
- }
2787
-
2788
- .text-warning {
2789
- color: hsl(var(--warning));
2790
- }
2791
-
2792
- .text-warning-foreground {
2793
- color: hsl(var(--warning-foreground));
2794
- }
2795
-
2796
- .text-white {
2797
- --tw-text-opacity: 1;
2798
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2799
- }
2800
-
2801
- .text-yellow-300 {
2802
- --tw-text-opacity: 1;
2803
- color: rgb(253 224 71 / var(--tw-text-opacity, 1));
2804
- }
2805
-
2806
- .text-yellow-600 {
2807
- --tw-text-opacity: 1;
2808
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2809
- }
2810
-
2811
- .text-yellow-700 {
2812
- --tw-text-opacity: 1;
2813
- color: rgb(161 98 7 / var(--tw-text-opacity, 1));
2814
- }
2815
-
2816
- .underline {
2817
- text-decoration-line: underline;
2818
- }
2819
-
2820
- .underline-offset-4 {
2821
- text-underline-offset: 4px;
2822
- }
2823
-
2824
- .opacity-0 {
2825
- opacity: 0;
2826
- }
2827
-
2828
- .opacity-100 {
2829
- opacity: 1;
2830
- }
2831
-
2832
- .opacity-50 {
2833
- opacity: 0.5;
2834
- }
2835
-
2836
- .opacity-60 {
2837
- opacity: 0.6;
2838
- }
2839
-
2840
- .opacity-70 {
2841
- opacity: 0.7;
2842
- }
2843
-
2844
- .opacity-90 {
2845
- opacity: 0.9;
2846
- }
2847
-
2848
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
2849
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
2850
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2851
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2852
- }
2853
-
2854
- .shadow-form-error {
2855
- --tw-shadow: var(--shadow-form-error);
2856
- --tw-shadow-colored: var(--shadow-form-error);
2857
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2858
- }
2859
-
2860
- .shadow-form-focus {
2861
- --tw-shadow: var(--shadow-form-focus);
2862
- --tw-shadow-colored: var(--shadow-form-focus);
2863
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2864
- }
2865
-
2866
- .shadow-lg {
2867
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2868
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2869
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2870
- }
2871
-
2872
- .shadow-md {
2873
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2874
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2875
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2876
- }
2877
-
2878
- .shadow-none {
2879
- --tw-shadow: 0 0 #0000;
2880
- --tw-shadow-colored: 0 0 #0000;
2881
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2882
- }
2883
-
2884
- .shadow-sm {
2885
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2886
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2887
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2888
- }
2889
-
2890
- .outline-none {
2891
- outline: 2px solid transparent;
2892
- outline-offset: 2px;
2893
- }
2894
-
2895
- .outline {
2896
- outline-style: solid;
2897
- }
2898
-
2899
- .ring-2 {
2900
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2901
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2902
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2903
- }
2904
-
2905
- .ring-primary {
2906
- --tw-ring-color: hsl(var(--primary));
2907
- }
2908
-
2909
- .ring-ring {
2910
- --tw-ring-color: hsl(var(--ring));
2911
- }
2912
-
2913
- .ring-sidebar-ring {
2914
- --tw-ring-color: hsl(var(--sidebar-ring));
2915
- }
2916
-
2917
- .ring-offset-2 {
2918
- --tw-ring-offset-width: 2px;
2919
- }
2920
-
2921
- .ring-offset-background {
2922
- --tw-ring-offset-color: hsl(var(--background));
2923
- }
2924
-
2925
- .ring-offset-red-600 {
2926
- --tw-ring-offset-color: #dc2626;
2927
- }
2928
-
2929
- .filter {
2930
- 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);
2931
- }
2932
-
2933
- .backdrop-blur {
2934
- --tw-backdrop-blur: blur(8px);
2935
- -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);
2936
- 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);
2937
- }
2938
-
2939
- .backdrop-blur-sm {
2940
- --tw-backdrop-blur: blur(4px);
2941
- -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);
2942
- 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);
2943
- }
2944
-
2945
- .backdrop-filter {
2946
- -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);
2947
- 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);
2948
- }
2949
-
2950
- .transition {
2951
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2952
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2953
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2954
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2955
- transition-duration: 150ms;
2956
- }
2957
-
2958
- .transition-\[left\2c right\2c width\] {
2959
- transition-property: left,right,width;
2960
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2961
- transition-duration: 150ms;
2962
- }
2963
-
2964
- .transition-\[margin\2c opa\] {
2965
- transition-property: margin,opa;
2966
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2967
- transition-duration: 150ms;
2968
- }
2969
-
2970
- .transition-\[width\2c height\2c padding\] {
2971
- transition-property: width,height,padding;
2972
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2973
- transition-duration: 150ms;
2974
- }
2975
-
2976
- .transition-\[width\] {
2977
- transition-property: width;
2978
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2979
- transition-duration: 150ms;
2980
- }
2981
-
2982
- .transition-all {
2983
- transition-property: all;
2984
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2985
- transition-duration: 150ms;
2986
- }
2987
-
2988
- .transition-colors {
2989
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2990
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2991
- transition-duration: 150ms;
2992
- }
2993
-
2994
- .transition-form {
2995
- transition-property: var(--transition-form);
2996
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2997
- transition-duration: 150ms;
2998
- }
2999
-
3000
- .transition-opacity {
3001
- transition-property: opacity;
3002
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3003
- transition-duration: 150ms;
3004
- }
3005
-
3006
- .transition-transform {
3007
- transition-property: transform;
3008
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3009
- transition-duration: 150ms;
3010
- }
3011
-
3012
- .duration-200 {
3013
- transition-duration: 200ms;
3014
- }
3015
-
3016
- .duration-300 {
3017
- transition-duration: 300ms;
3018
- }
3019
-
3020
- .duration-500 {
3021
- transition-duration: 500ms;
3022
- }
3023
-
3024
- .ease-in-out {
3025
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3026
- }
3027
-
3028
- .ease-linear {
3029
- transition-timing-function: linear;
3030
- }
3031
-
3032
- .ease-out {
3033
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3034
- }
3035
-
3036
- /* Braid UI CSS Variables */
3037
-
3038
- :root {
3039
- --background: 240 10% 98%;
3040
- --foreground: 240 10% 8%;
3041
- --card: 0 0% 100%;
3042
- --card-foreground: 240 10% 8%;
3043
- --popover: 0 0% 100%;
3044
- --popover-foreground: 240 10% 8%;
3045
- --primary: 204 100% 54%;
3046
- --primary-foreground: 0 0% 100%;
3047
- --primary-glow: 204 100% 64%;
3048
- --secondary: 240 5% 96%;
3049
- --secondary-foreground: 240 6% 10%;
3050
- --muted: 240 5% 96%;
3051
- --muted-foreground: 240 4% 60%;
3052
- --accent: 240 5% 96%;
3053
- --accent-foreground: 240 6% 10%;
3054
- --destructive: 0 84% 60%;
3055
- --destructive-foreground: 0 0% 98%;
3056
- --border: 240 6% 90%;
3057
- --input: 240 6% 90%;
3058
- --ring: 204 100% 54%;
3059
- --success: 142 76% 36%;
3060
- --success-foreground: 0 0% 98%;
3061
- --warning: 38 92% 50%;
3062
- --warning-foreground: 0 0% 98%;
3063
- --form-background: 0 0% 100%;
3064
- --form-border: 240 6% 88%;
3065
- --form-border-focus: 204 100% 54%;
3066
- --form-border-error: 0 84% 60%;
3067
- --form-border-success: 142 76% 36%;
3068
- --gradient-primary: linear-gradient(135deg, hsl(204 100% 54%), hsl(204 100% 64%));
3069
- --gradient-subtle: linear-gradient(180deg, hsl(240 10% 98%), hsl(240 5% 96%));
3070
- --shadow-form: 0 1px 3px 0 hsl(240 5% 84% / 0.12), 0 1px 2px 0 hsl(240 5% 84% / 0.24);
3071
- --shadow-form-focus: 0 0 0 3px hsl(204 100% 54% / 0.12);
3072
- --shadow-form-error: 0 0 0 3px hsl(0 84% 60% / 0.12);
3073
- --transition-form: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3074
- --radius: 0.5rem;
3075
- --sidebar-background: 0 0% 98%;
3076
- --sidebar-foreground: 240 5.3% 26.1%;
3077
- --sidebar-primary: 240 5.9% 10%;
3078
- --sidebar-primary-foreground: 0 0% 98%;
3079
- --sidebar-accent: 240 4.8% 95.9%;
3080
- --sidebar-accent-foreground: 240 5.9% 10%;
3081
- --sidebar-border: 220 13% 91%;
3082
- --sidebar-ring: 217.2 91.2% 59.8%;
3083
- }
3084
-
3085
- .dark {
3086
- --background: 222.2 84% 4.9%;
3087
- --foreground: 210 40% 98%;
3088
- --card: 222.2 84% 4.9%;
3089
- --card-foreground: 210 40% 98%;
3090
- --popover: 222.2 84% 4.9%;
3091
- --popover-foreground: 210 40% 98%;
3092
- --primary: 210 40% 98%;
3093
- --primary-foreground: 222.2 47.4% 11.2%;
3094
- --secondary: 217.2 32.6% 17.5%;
3095
- --secondary-foreground: 210 40% 98%;
3096
- --muted: 217.2 32.6% 17.5%;
3097
- --muted-foreground: 215 20.2% 65.1%;
3098
- --accent: 217.2 32.6% 17.5%;
3099
- --accent-foreground: 210 40% 98%;
3100
- --destructive: 0 62.8% 30.6%;
3101
- --destructive-foreground: 210 40% 98%;
3102
- --border: 217.2 32.6% 17.5%;
3103
- --input: 217.2 32.6% 17.5%;
3104
- --ring: 212.7 26.8% 83.9%;
3105
- --sidebar-background: 240 5.9% 10%;
3106
- --sidebar-foreground: 240 4.8% 95.9%;
3107
- --sidebar-primary: 224.3 76.3% 48%;
3108
- --sidebar-primary-foreground: 0 0% 100%;
3109
- --sidebar-accent: 240 3.7% 15.9%;
3110
- --sidebar-accent-foreground: 240 4.8% 95.9%;
3111
- --sidebar-border: 240 3.7% 15.9%;
3112
- --sidebar-ring: 217.2 91.2% 59.8%;
3113
- }
3114
-
3115
- .file\:border-0::file-selector-button {
3116
- border-width: 0px;
3117
- }
3118
-
3119
- .file\:bg-transparent::file-selector-button {
3120
- background-color: transparent;
3121
- }
3122
-
3123
- .file\:text-sm::file-selector-button {
3124
- font-size: 0.875rem;
3125
- line-height: 1.25rem;
3126
- }
3127
-
3128
- .file\:font-medium::file-selector-button {
3129
- font-weight: 500;
3130
- }
3131
-
3132
- .placeholder\:text-muted-foreground::-moz-placeholder {
3133
- color: hsl(var(--muted-foreground));
3134
- }
3135
-
3136
- .placeholder\:text-muted-foreground::placeholder {
3137
- color: hsl(var(--muted-foreground));
3138
- }
3139
-
3140
- .after\:absolute::after {
3141
- content: var(--tw-content);
3142
- position: absolute;
3143
- }
3144
-
3145
- .after\:-inset-2::after {
3146
- content: var(--tw-content);
3147
- inset: -0.5rem;
3148
- }
3149
-
3150
- .after\:inset-y-0::after {
3151
- content: var(--tw-content);
3152
- top: 0px;
3153
- bottom: 0px;
3154
- }
3155
-
3156
- .after\:left-1\/2::after {
3157
- content: var(--tw-content);
3158
- left: 50%;
3159
- }
3160
-
3161
- .after\:w-\[2px\]::after {
3162
- content: var(--tw-content);
3163
- width: 2px;
3164
- }
3165
-
3166
- .hover\:scale-\[1\.02\]:hover {
3167
- --tw-scale-x: 1.02;
3168
- --tw-scale-y: 1.02;
3169
- 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));
3170
- }
3171
-
3172
- .hover\:border-primary\/50:hover {
3173
- border-color: hsl(var(--primary) / 0.5);
3174
- }
3175
-
3176
- .hover\:bg-accent:hover {
3177
- background-color: hsl(var(--accent));
3178
- }
3179
-
3180
- .hover\:bg-amber-100:hover {
3181
- --tw-bg-opacity: 1;
3182
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
3183
- }
3184
-
3185
- .hover\:bg-blue-100:hover {
3186
- --tw-bg-opacity: 1;
3187
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
3188
- }
3189
-
3190
- .hover\:bg-blue-600:hover {
3191
- --tw-bg-opacity: 1;
3192
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
3193
- }
3194
-
3195
- .hover\:bg-destructive\/10:hover {
3196
- background-color: hsl(var(--destructive) / 0.1);
3197
- }
3198
-
3199
- .hover\:bg-destructive\/80:hover {
3200
- background-color: hsl(var(--destructive) / 0.8);
3201
- }
3202
-
3203
- .hover\:bg-destructive\/90:hover {
3204
- background-color: hsl(var(--destructive) / 0.9);
3205
- }
3206
-
3207
- .hover\:bg-emerald-100:hover {
3208
- --tw-bg-opacity: 1;
3209
- background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
3210
- }
3211
-
3212
- .hover\:bg-foreground\/90:hover {
3213
- background-color: hsl(var(--foreground) / 0.9);
3214
- }
3215
-
3216
- .hover\:bg-gray-100:hover {
3217
- --tw-bg-opacity: 1;
3218
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3219
- }
3220
-
3221
- .hover\:bg-gray-50:hover {
3222
- --tw-bg-opacity: 1;
3223
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3224
- }
3225
-
3226
- .hover\:bg-green-100:hover {
3227
- --tw-bg-opacity: 1;
3228
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
3229
- }
3230
-
3231
- .hover\:bg-green-50:hover {
3232
- --tw-bg-opacity: 1;
3233
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
3234
- }
3235
-
3236
- .hover\:bg-indigo-100:hover {
3237
- --tw-bg-opacity: 1;
3238
- background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
3239
- }
3240
-
3241
- .hover\:bg-muted\/30:hover {
3242
- background-color: hsl(var(--muted) / 0.3);
3243
- }
3244
-
3245
- .hover\:bg-muted\/50:hover {
3246
- background-color: hsl(var(--muted) / 0.5);
3247
- }
3248
-
3249
- .hover\:bg-orange-100:hover {
3250
- --tw-bg-opacity: 1;
3251
- background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
3252
- }
3253
-
3254
- .hover\:bg-orange-600:hover {
3255
- --tw-bg-opacity: 1;
3256
- background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
3257
- }
3258
-
3259
- .hover\:bg-primary:hover {
3260
- background-color: hsl(var(--primary));
3261
- }
3262
-
3263
- .hover\:bg-primary\/10:hover {
3264
- background-color: hsl(var(--primary) / 0.1);
3265
- }
3266
-
3267
- .hover\:bg-primary\/80:hover {
3268
- background-color: hsl(var(--primary) / 0.8);
3269
- }
3270
-
3271
- .hover\:bg-primary\/90:hover {
3272
- background-color: hsl(var(--primary) / 0.9);
3273
- }
3274
-
3275
- .hover\:bg-purple-100:hover {
3276
- --tw-bg-opacity: 1;
3277
- background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
3278
- }
3279
-
3280
- .hover\:bg-red-100:hover {
3281
- --tw-bg-opacity: 1;
3282
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
3283
- }
3284
-
3285
- .hover\:bg-red-50:hover {
3286
- --tw-bg-opacity: 1;
3287
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3288
- }
3289
-
3290
- .hover\:bg-rose-100:hover {
3291
- --tw-bg-opacity: 1;
3292
- background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
3293
- }
3294
-
3295
- .hover\:bg-secondary:hover {
3296
- background-color: hsl(var(--secondary));
3297
- }
3298
-
3299
- .hover\:bg-secondary-foreground\/20:hover {
3300
- background-color: hsl(var(--secondary-foreground) / 0.2);
3301
- }
3302
-
3303
- .hover\:bg-secondary\/80:hover {
3304
- background-color: hsl(var(--secondary) / 0.8);
3305
- }
3306
-
3307
- .hover\:bg-sidebar-accent:hover {
3308
- background-color: hsl(var(--sidebar-accent));
3309
- }
3310
-
3311
- .hover\:bg-slate-100:hover {
3312
- --tw-bg-opacity: 1;
3313
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3314
- }
3315
-
3316
- .hover\:bg-success\/80:hover {
3317
- background-color: hsl(var(--success) / 0.8);
3318
- }
3319
-
3320
- .hover\:bg-teal-100:hover {
3321
- --tw-bg-opacity: 1;
3322
- background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
3323
- }
3324
-
3325
- .hover\:bg-transparent:hover {
3326
- background-color: transparent;
3327
- }
3328
-
3329
- .hover\:bg-violet-100:hover {
3330
- --tw-bg-opacity: 1;
3331
- background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
3332
- }
3333
-
3334
- .hover\:bg-warning\/80:hover {
3335
- background-color: hsl(var(--warning) / 0.8);
3336
- }
3337
-
3338
- .hover\:bg-yellow-100:hover {
3339
- --tw-bg-opacity: 1;
3340
- background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
3341
- }
3342
-
3343
- .hover\:bg-yellow-50:hover {
3344
- --tw-bg-opacity: 1;
3345
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
3346
- }
3347
-
3348
- .hover\:text-accent-foreground:hover {
3349
- color: hsl(var(--accent-foreground));
3350
- }
3351
-
3352
- .hover\:text-blue-700:hover {
3353
- --tw-text-opacity: 1;
3354
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
3355
- }
3356
-
3357
- .hover\:text-destructive:hover {
3358
- color: hsl(var(--destructive));
3359
- }
3360
-
3361
- .hover\:text-destructive\/80:hover {
3362
- color: hsl(var(--destructive) / 0.8);
3363
- }
3364
-
3365
- .hover\:text-foreground:hover {
3366
- color: hsl(var(--foreground));
3367
- }
3368
-
3369
- .hover\:text-primary:hover {
3370
- color: hsl(var(--primary));
3371
- }
3372
-
3373
- .hover\:text-primary-foreground:hover {
3374
- color: hsl(var(--primary-foreground));
3375
- }
3376
-
3377
- .hover\:text-primary\/80:hover {
3378
- color: hsl(var(--primary) / 0.8);
3379
- }
3380
-
3381
- .hover\:text-sidebar-accent-foreground:hover {
3382
- color: hsl(var(--sidebar-accent-foreground));
3383
- }
3384
-
3385
- .hover\:underline:hover {
3386
- text-decoration-line: underline;
3387
- }
3388
-
3389
- .hover\:opacity-100:hover {
3390
- opacity: 1;
3391
- }
3392
-
3393
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
3394
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
3395
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
3396
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3397
- }
3398
-
3399
- .hover\:shadow-lg:hover {
3400
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3401
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3402
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3403
- }
3404
-
3405
- .hover\:shadow-md:hover {
3406
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3407
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3408
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3409
- }
3410
-
3411
- .hover\:after\:bg-sidebar-border:hover::after {
3412
- content: var(--tw-content);
3413
- background-color: hsl(var(--sidebar-border));
3414
- }
3415
-
3416
- .focus\:border-form-border-error:focus {
3417
- border-color: hsl(var(--form-border-error));
3418
- }
3419
-
3420
- .focus\:border-form-border-focus:focus {
3421
- border-color: hsl(var(--form-border-focus));
3422
- }
3423
-
3424
- .focus\:border-form-border-success:focus {
3425
- border-color: hsl(var(--form-border-success));
3426
- }
3427
-
3428
- .focus\:bg-accent:focus {
3429
- background-color: hsl(var(--accent));
3430
- }
3431
-
3432
- .focus\:text-accent-foreground:focus {
3433
- color: hsl(var(--accent-foreground));
3434
- }
3435
-
3436
- .focus\:text-destructive:focus {
3437
- color: hsl(var(--destructive));
3438
- }
3439
-
3440
- .focus\:opacity-100:focus {
3441
- opacity: 1;
3442
- }
3443
-
3444
- .focus\:shadow-form-error:focus {
3445
- --tw-shadow: var(--shadow-form-error);
3446
- --tw-shadow-colored: var(--shadow-form-error);
3447
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3448
- }
3449
-
3450
- .focus\:shadow-form-focus:focus {
3451
- --tw-shadow: var(--shadow-form-focus);
3452
- --tw-shadow-colored: var(--shadow-form-focus);
3453
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3454
- }
3455
-
3456
- .focus\:outline-none:focus {
3457
- outline: 2px solid transparent;
3458
- outline-offset: 2px;
3459
- }
3460
-
3461
- .focus\:ring-1:focus {
3462
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3463
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3464
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3465
- }
3466
-
3467
- .focus\:ring-2:focus {
3468
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3469
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3470
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3471
- }
3472
-
3473
- .focus\:ring-primary:focus {
3474
- --tw-ring-color: hsl(var(--primary));
3475
- }
3476
-
3477
- .focus\:ring-ring:focus {
3478
- --tw-ring-color: hsl(var(--ring));
3479
- }
3480
-
3481
- .focus\:ring-offset-2:focus {
3482
- --tw-ring-offset-width: 2px;
3483
- }
3484
-
3485
- .focus-visible\:border-form-border-error:focus-visible {
3486
- border-color: hsl(var(--form-border-error));
3487
- }
3488
-
3489
- .focus-visible\:border-form-border-focus:focus-visible {
3490
- border-color: hsl(var(--form-border-focus));
3491
- }
3492
-
3493
- .focus-visible\:border-form-border-success:focus-visible {
3494
- border-color: hsl(var(--form-border-success));
3495
- }
3496
-
3497
- .focus-visible\:shadow-form-error:focus-visible {
3498
- --tw-shadow: var(--shadow-form-error);
3499
- --tw-shadow-colored: var(--shadow-form-error);
3500
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3501
- }
3502
-
3503
- .focus-visible\:shadow-form-focus:focus-visible {
3504
- --tw-shadow: var(--shadow-form-focus);
3505
- --tw-shadow-colored: var(--shadow-form-focus);
3506
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3507
- }
3508
-
3509
- .focus-visible\:outline-none:focus-visible {
3510
- outline: 2px solid transparent;
3511
- outline-offset: 2px;
3512
- }
3513
-
3514
- .focus-visible\:ring-2:focus-visible {
3515
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3516
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3517
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3518
- }
3519
-
3520
- .focus-visible\:ring-ring:focus-visible {
3521
- --tw-ring-color: hsl(var(--ring));
3522
- }
3523
-
3524
- .focus-visible\:ring-offset-2:focus-visible {
3525
- --tw-ring-offset-width: 2px;
3526
- }
3527
-
3528
- .active\:bg-sidebar-accent:active {
3529
- background-color: hsl(var(--sidebar-accent));
3530
- }
3531
-
3532
- .active\:text-sidebar-accent-foreground:active {
3533
- color: hsl(var(--sidebar-accent-foreground));
3534
- }
3535
-
3536
- .disabled\:pointer-events-none:disabled {
3537
- pointer-events: none;
3538
- }
3539
-
3540
- .disabled\:cursor-not-allowed:disabled {
3541
- cursor: not-allowed;
3542
- }
3543
-
3544
- .disabled\:opacity-50:disabled {
3545
- opacity: 0.5;
3546
- }
3547
-
3548
- .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
3549
- opacity: 1;
3550
- }
3551
-
3552
- .group:hover .group-hover\:translate-x-0\.5 {
3553
- --tw-translate-x: 0.125rem;
3554
- 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));
3555
- }
3556
-
3557
- .group:hover .group-hover\:scale-105 {
3558
- --tw-scale-x: 1.05;
3559
- --tw-scale-y: 1.05;
3560
- 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));
3561
- }
3562
-
3563
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
3564
- opacity: 1;
3565
- }
3566
-
3567
- .group:hover .group-hover\:opacity-100 {
3568
- opacity: 1;
3569
- }
3570
-
3571
- .group.destructive .group-\[\.destructive\]\:border-muted\/40 {
3572
- border-color: hsl(var(--muted) / 0.4);
3573
- }
3574
-
3575
- .group.toaster .group-\[\.toaster\]\:border-border {
3576
- border-color: hsl(var(--border));
3577
- }
3578
-
3579
- .group.toast .group-\[\.toast\]\:bg-muted {
3580
- background-color: hsl(var(--muted));
3581
- }
3582
-
3583
- .group.toast .group-\[\.toast\]\:bg-primary {
3584
- background-color: hsl(var(--primary));
3585
- }
3586
-
3587
- .group.toaster .group-\[\.toaster\]\:bg-background {
3588
- background-color: hsl(var(--background));
3589
- }
3590
-
3591
- .group.destructive .group-\[\.destructive\]\:text-red-300 {
3592
- --tw-text-opacity: 1;
3593
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3594
- }
3595
-
3596
- .group.toast .group-\[\.toast\]\:text-muted-foreground {
3597
- color: hsl(var(--muted-foreground));
3598
- }
3599
-
3600
- .group.toast .group-\[\.toast\]\:text-primary-foreground {
3601
- color: hsl(var(--primary-foreground));
3602
- }
3603
-
3604
- .group.toaster .group-\[\.toaster\]\:text-foreground {
3605
- color: hsl(var(--foreground));
3606
- }
3607
-
3608
- .group.toaster .group-\[\.toaster\]\:shadow-lg {
3609
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3610
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3611
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3612
- }
3613
-
3614
- .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
3615
- border-color: hsl(var(--destructive) / 0.3);
3616
- }
3617
-
3618
- .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
3619
- background-color: hsl(var(--destructive));
3620
- }
3621
-
3622
- .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
3623
- color: hsl(var(--destructive-foreground));
3624
- }
3625
-
3626
- .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
3627
- --tw-text-opacity: 1;
3628
- color: rgb(254 242 242 / var(--tw-text-opacity, 1));
3629
- }
3630
-
3631
- .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
3632
- --tw-ring-color: hsl(var(--destructive));
3633
- }
3634
-
3635
- .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
3636
- --tw-ring-opacity: 1;
3637
- --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
3638
- }
3639
-
3640
- .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
3641
- --tw-ring-offset-color: #dc2626;
3642
- }
3643
-
3644
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
3645
- color: hsl(var(--sidebar-accent-foreground));
3646
- }
3647
-
3648
- .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
3649
- cursor: not-allowed;
3650
- }
3651
-
3652
- .peer:disabled ~ .peer-disabled\:opacity-70 {
3653
- opacity: 0.7;
3654
- }
3655
-
3656
- .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
3657
- background-color: hsl(var(--sidebar-background));
3658
- }
3659
-
3660
- .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
3661
- padding-right: 2rem;
3662
- }
3663
-
3664
- .aria-disabled\:pointer-events-none[aria-disabled="true"] {
3665
- pointer-events: none;
3666
- }
3667
-
3668
- .aria-disabled\:opacity-50[aria-disabled="true"] {
3669
- opacity: 0.5;
3670
- }
3671
-
3672
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
3673
- pointer-events: none;
3674
- }
3675
-
3676
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
3677
- --tw-translate-x: 0px;
3678
- 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));
3679
- }
3680
-
3681
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
3682
- --tw-translate-x: var(--radix-toast-swipe-end-x);
3683
- 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));
3684
- }
3685
-
3686
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
3687
- --tw-translate-x: var(--radix-toast-swipe-move-x);
3688
- 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));
3689
- }
3690
-
3691
- .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
3692
- background-color: hsl(var(--sidebar-accent));
3693
- }
3694
-
3695
- .data-\[state\=active\]\:bg-background[data-state="active"] {
3696
- background-color: hsl(var(--background));
3697
- }
3698
-
3699
- .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
3700
- background-color: hsl(var(--primary));
3701
- }
3702
-
3703
- .data-\[state\=open\]\:bg-accent[data-state="open"] {
3704
- background-color: hsl(var(--accent));
3705
- }
3706
-
3707
- .data-\[state\=open\]\:bg-secondary[data-state="open"] {
3708
- background-color: hsl(var(--secondary));
3709
- }
3710
-
3711
- .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
3712
- background-color: hsl(var(--muted));
3713
- }
3714
-
3715
- .data-\[active\=true\]\:font-medium[data-active="true"] {
3716
- font-weight: 500;
3717
- }
3718
-
3719
- .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
3720
- color: hsl(var(--sidebar-accent-foreground));
3721
- }
3722
-
3723
- .data-\[state\=active\]\:text-foreground[data-state="active"] {
3724
- color: hsl(var(--foreground));
3725
- }
3726
-
3727
- .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
3728
- color: hsl(var(--primary-foreground));
3729
- }
3730
-
3731
- .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
3732
- color: hsl(var(--muted-foreground));
3733
- }
3734
-
3735
- .data-\[disabled\]\:opacity-50[data-disabled] {
3736
- opacity: 0.5;
3737
- }
3738
-
3739
- .data-\[state\=open\]\:opacity-100[data-state="open"] {
3740
- opacity: 1;
3741
- }
3742
-
3743
- .data-\[state\=active\]\:shadow-sm[data-state="active"] {
3744
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3745
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3746
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3747
- }
3748
-
3749
- .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
3750
- transition-property: none;
3751
- }
3752
-
3753
- .data-\[state\=closed\]\:duration-300[data-state="closed"] {
3754
- transition-duration: 300ms;
3755
- }
3756
-
3757
- .data-\[state\=open\]\:duration-500[data-state="open"] {
3758
- transition-duration: 500ms;
3759
- }
3760
-
3761
- .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
3762
- background-color: hsl(var(--sidebar-accent));
3763
- }
3764
-
3765
- .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
3766
- color: hsl(var(--sidebar-accent-foreground));
3767
- }
3768
-
3769
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3770
- left: calc(var(--sidebar-width) * -1);
3771
- }
3772
-
3773
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3774
- right: calc(var(--sidebar-width) * -1);
3775
- }
3776
-
3777
- .group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
3778
- right: -1rem;
3779
- }
3780
-
3781
- .group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
3782
- left: 0px;
3783
- }
3784
-
3785
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
3786
- margin-top: -2rem;
3787
- }
3788
-
3789
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
3790
- display: none;
3791
- }
3792
-
3793
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-10 {
3794
- width: 2.5rem !important;
3795
- height: 2.5rem !important;
3796
- }
3797
-
3798
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
3799
- width: 2rem !important;
3800
- height: 2rem !important;
3801
- }
3802
-
3803
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
3804
- width: var(--sidebar-width-icon);
3805
- }
3806
-
3807
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
3808
- width: calc(var(--sidebar-width-icon) + 1rem);
3809
- }
3810
-
3811
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
3812
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
3813
- }
3814
-
3815
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
3816
- width: 0px;
3817
- }
3818
-
3819
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
3820
- --tw-translate-x: 0px;
3821
- 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));
3822
- }
3823
-
3824
- .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
3825
- --tw-rotate: 180deg;
3826
- 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));
3827
- }
3828
-
3829
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
3830
- overflow: hidden;
3831
- }
3832
-
3833
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
3834
- border-radius: var(--radius);
3835
- }
3836
-
3837
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
3838
- border-width: 1px;
3839
- }
3840
-
3841
- .group[data-side="left"] .group-data-\[side\=left\]\:border-r {
3842
- border-right-width: 1px;
3843
- }
3844
-
3845
- .group[data-side="right"] .group-data-\[side\=right\]\:border-l {
3846
- border-left-width: 1px;
3847
- }
3848
-
3849
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
3850
- border-color: hsl(var(--sidebar-border));
3851
- }
3852
-
3853
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
3854
- padding: 0.5rem !important;
3855
- }
3856
-
3857
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
3858
- opacity: 0;
3859
- }
3860
-
3861
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
3862
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3863
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3864
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3865
- }
3866
-
3867
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
3868
- content: var(--tw-content);
3869
- left: 100%;
3870
- }
3871
-
3872
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
3873
- background-color: hsl(var(--sidebar-background));
3874
- }
3875
-
3876
- .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
3877
- top: 0.375rem;
3878
- }
3879
-
3880
- .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
3881
- top: 0.625rem;
3882
- }
3883
-
3884
- .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
3885
- top: 0.25rem;
3886
- }
3887
-
3888
- .peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
3889
- min-height: calc(100svh - 1rem);
3890
- }
3891
-
3892
- .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
3893
- color: hsl(var(--sidebar-accent-foreground));
3894
- }
3895
-
3896
- @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
3897
- .supports-\[backdrop-filter\]\:bg-background\/60 {
3898
- background-color: hsl(var(--background) / 0.6);
3899
- }
3900
- }
3901
-
3902
- .dark\:border-amber-800:is(.dark *) {
3903
- --tw-border-opacity: 1;
3904
- border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
3905
- }
3906
-
3907
- .dark\:border-blue-800:is(.dark *) {
3908
- --tw-border-opacity: 1;
3909
- border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
3910
- }
3911
-
3912
- .dark\:border-emerald-800:is(.dark *) {
3913
- --tw-border-opacity: 1;
3914
- border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
3915
- }
3916
-
3917
- .dark\:border-gray-400:is(.dark *) {
3918
- --tw-border-opacity: 1;
3919
- border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
3920
- }
3921
-
3922
- .dark\:border-gray-700:is(.dark *) {
3923
- --tw-border-opacity: 1;
3924
- border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
3925
- }
3926
-
3927
- .dark\:border-green-500:is(.dark *) {
3928
- --tw-border-opacity: 1;
3929
- border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
3930
- }
3931
-
3932
- .dark\:border-green-800:is(.dark *) {
3933
- --tw-border-opacity: 1;
3934
- border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
3935
- }
3936
-
3937
- .dark\:border-indigo-800:is(.dark *) {
3938
- --tw-border-opacity: 1;
3939
- border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
3940
- }
3941
-
3942
- .dark\:border-orange-800:is(.dark *) {
3943
- --tw-border-opacity: 1;
3944
- border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
3945
- }
3946
-
3947
- .dark\:border-purple-800:is(.dark *) {
3948
- --tw-border-opacity: 1;
3949
- border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
3950
- }
3951
-
3952
- .dark\:border-red-500:is(.dark *) {
3953
- --tw-border-opacity: 1;
3954
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
3955
- }
3956
-
3957
- .dark\:border-red-800:is(.dark *) {
3958
- --tw-border-opacity: 1;
3959
- border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
3960
- }
3961
-
3962
- .dark\:border-rose-800:is(.dark *) {
3963
- --tw-border-opacity: 1;
3964
- border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
3965
- }
3966
-
3967
- .dark\:border-slate-600:is(.dark *) {
3968
- --tw-border-opacity: 1;
3969
- border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
3970
- }
3971
-
3972
- .dark\:border-slate-700:is(.dark *) {
3973
- --tw-border-opacity: 1;
3974
- border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3975
- }
3976
-
3977
- .dark\:border-teal-800:is(.dark *) {
3978
- --tw-border-opacity: 1;
3979
- border-color: rgb(17 94 89 / var(--tw-border-opacity, 1));
3980
- }
3981
-
3982
- .dark\:border-violet-800:is(.dark *) {
3983
- --tw-border-opacity: 1;
3984
- border-color: rgb(91 33 182 / var(--tw-border-opacity, 1));
3985
- }
3986
-
3987
- .dark\:border-yellow-500:is(.dark *) {
3988
- --tw-border-opacity: 1;
3989
- border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
3990
- }
3991
-
3992
- .dark\:border-yellow-800:is(.dark *) {
3993
- --tw-border-opacity: 1;
3994
- border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
3995
- }
3996
-
3997
- .dark\:bg-amber-950:is(.dark *) {
3998
- --tw-bg-opacity: 1;
3999
- background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
4000
- }
4001
-
4002
- .dark\:bg-blue-950:is(.dark *) {
4003
- --tw-bg-opacity: 1;
4004
- background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
4005
- }
4006
-
4007
- .dark\:bg-emerald-950:is(.dark *) {
4008
- --tw-bg-opacity: 1;
4009
- background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
4010
- }
4011
-
4012
- .dark\:bg-gray-900:is(.dark *) {
4013
- --tw-bg-opacity: 1;
4014
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
4015
- }
4016
-
4017
- .dark\:bg-green-950:is(.dark *) {
4018
- --tw-bg-opacity: 1;
4019
- background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
4020
- }
4021
-
4022
- .dark\:bg-indigo-950:is(.dark *) {
4023
- --tw-bg-opacity: 1;
4024
- background-color: rgb(30 27 75 / var(--tw-bg-opacity, 1));
4025
- }
4026
-
4027
- .dark\:bg-orange-950:is(.dark *) {
4028
- --tw-bg-opacity: 1;
4029
- background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
4030
- }
4031
-
4032
- .dark\:bg-purple-950:is(.dark *) {
4033
- --tw-bg-opacity: 1;
4034
- background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1));
4035
- }
4036
-
4037
- .dark\:bg-red-950:is(.dark *) {
4038
- --tw-bg-opacity: 1;
4039
- background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
4040
- }
4041
-
4042
- .dark\:bg-rose-950:is(.dark *) {
4043
- --tw-bg-opacity: 1;
4044
- background-color: rgb(76 5 25 / var(--tw-bg-opacity, 1));
4045
- }
4046
-
4047
- .dark\:bg-slate-900:is(.dark *) {
4048
- --tw-bg-opacity: 1;
4049
- background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
4050
- }
4051
-
4052
- .dark\:bg-teal-950:is(.dark *) {
4053
- --tw-bg-opacity: 1;
4054
- background-color: rgb(4 47 46 / var(--tw-bg-opacity, 1));
4055
- }
4056
-
4057
- .dark\:bg-violet-950:is(.dark *) {
4058
- --tw-bg-opacity: 1;
4059
- background-color: rgb(46 16 101 / var(--tw-bg-opacity, 1));
4060
- }
4061
-
4062
- .dark\:bg-yellow-950:is(.dark *) {
4063
- --tw-bg-opacity: 1;
4064
- background-color: rgb(66 32 6 / var(--tw-bg-opacity, 1));
4065
- }
4066
-
4067
- .dark\:text-amber-200:is(.dark *) {
4068
- --tw-text-opacity: 1;
4069
- color: rgb(253 230 138 / var(--tw-text-opacity, 1));
4070
- }
4071
-
4072
- .dark\:text-amber-300:is(.dark *) {
4073
- --tw-text-opacity: 1;
4074
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
4075
- }
4076
-
4077
- .dark\:text-blue-300:is(.dark *) {
4078
- --tw-text-opacity: 1;
4079
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
4080
- }
4081
-
4082
- .dark\:text-blue-400:is(.dark *) {
4083
- --tw-text-opacity: 1;
4084
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
4085
- }
4086
-
4087
- .dark\:text-emerald-300:is(.dark *) {
4088
- --tw-text-opacity: 1;
4089
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
4090
- }
4091
-
4092
- .dark\:text-gray-300:is(.dark *) {
4093
- --tw-text-opacity: 1;
4094
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
4095
- }
4096
-
4097
- .dark\:text-green-300:is(.dark *) {
4098
- --tw-text-opacity: 1;
4099
- color: rgb(134 239 172 / var(--tw-text-opacity, 1));
4100
- }
4101
-
4102
- .dark\:text-green-400:is(.dark *) {
4103
- --tw-text-opacity: 1;
4104
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
4105
- }
4106
-
4107
- .dark\:text-indigo-300:is(.dark *) {
4108
- --tw-text-opacity: 1;
4109
- color: rgb(165 180 252 / var(--tw-text-opacity, 1));
4110
- }
4111
-
4112
- .dark\:text-orange-300:is(.dark *) {
4113
- --tw-text-opacity: 1;
4114
- color: rgb(253 186 116 / var(--tw-text-opacity, 1));
4115
- }
4116
-
4117
- .dark\:text-purple-300:is(.dark *) {
4118
- --tw-text-opacity: 1;
4119
- color: rgb(216 180 254 / var(--tw-text-opacity, 1));
4120
- }
4121
-
4122
- .dark\:text-red-300:is(.dark *) {
4123
- --tw-text-opacity: 1;
4124
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
4125
- }
4126
-
4127
- .dark\:text-red-400:is(.dark *) {
4128
- --tw-text-opacity: 1;
4129
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
4130
- }
4131
-
4132
- .dark\:text-rose-300:is(.dark *) {
4133
- --tw-text-opacity: 1;
4134
- color: rgb(253 164 175 / var(--tw-text-opacity, 1));
4135
- }
4136
-
4137
- .dark\:text-slate-100:is(.dark *) {
4138
- --tw-text-opacity: 1;
4139
- color: rgb(241 245 249 / var(--tw-text-opacity, 1));
4140
- }
4141
-
4142
- .dark\:text-slate-300:is(.dark *) {
4143
- --tw-text-opacity: 1;
4144
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
4145
- }
4146
-
4147
- .dark\:text-teal-300:is(.dark *) {
4148
- --tw-text-opacity: 1;
4149
- color: rgb(94 234 212 / var(--tw-text-opacity, 1));
4150
- }
4151
-
4152
- .dark\:text-violet-300:is(.dark *) {
4153
- --tw-text-opacity: 1;
4154
- color: rgb(196 181 253 / var(--tw-text-opacity, 1));
4155
- }
4156
-
4157
- .dark\:text-yellow-300:is(.dark *) {
4158
- --tw-text-opacity: 1;
4159
- color: rgb(253 224 71 / var(--tw-text-opacity, 1));
4160
- }
4161
-
4162
- .dark\:text-yellow-400:is(.dark *) {
4163
- --tw-text-opacity: 1;
4164
- color: rgb(250 204 21 / var(--tw-text-opacity, 1));
4165
- }
4166
-
4167
- .dark\:hover\:bg-gray-950\/30:hover:is(.dark *) {
4168
- background-color: rgb(3 7 18 / 0.3);
4169
- }
4170
-
4171
- .dark\:hover\:bg-green-950\/30:hover:is(.dark *) {
4172
- background-color: rgb(5 46 22 / 0.3);
4173
- }
4174
-
4175
- .dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
4176
- background-color: rgb(69 10 10 / 0.3);
4177
- }
4178
-
4179
- .dark\:hover\:bg-yellow-950\/30:hover:is(.dark *) {
4180
- background-color: rgb(66 32 6 / 0.3);
4181
- }
4182
-
4183
- @media (min-width: 640px) {
4184
- .sm\:bottom-0 {
4185
- bottom: 0px;
4186
- }
4187
-
4188
- .sm\:right-0 {
4189
- right: 0px;
4190
- }
4191
-
4192
- .sm\:top-auto {
4193
- top: auto;
4194
- }
4195
-
4196
- .sm\:flex {
4197
- display: flex;
4198
- }
4199
-
4200
- .sm\:max-w-\[425px\] {
4201
- max-width: 425px;
4202
- }
4203
-
4204
- .sm\:max-w-\[500px\] {
4205
- max-width: 500px;
4206
- }
4207
-
4208
- .sm\:max-w-\[600px\] {
4209
- max-width: 600px;
4210
- }
4211
-
4212
- .sm\:max-w-md {
4213
- max-width: 28rem;
4214
- }
4215
-
4216
- .sm\:max-w-sm {
4217
- max-width: 24rem;
4218
- }
4219
-
4220
- .sm\:max-w-xl {
4221
- max-width: 36rem;
4222
- }
4223
-
4224
- .sm\:grid-cols-2 {
4225
- grid-template-columns: repeat(2, minmax(0, 1fr));
4226
- }
4227
-
4228
- .sm\:flex-row {
4229
- flex-direction: row;
4230
- }
4231
-
4232
- .sm\:flex-col {
4233
- flex-direction: column;
4234
- }
4235
-
4236
- .sm\:justify-end {
4237
- justify-content: flex-end;
4238
- }
4239
-
4240
- .sm\:gap-0 {
4241
- gap: 0px;
4242
- }
4243
-
4244
- .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
4245
- --tw-space-x-reverse: 0;
4246
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
4247
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
4248
- }
4249
-
4250
- .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
4251
- --tw-space-x-reverse: 0;
4252
- margin-right: calc(1rem * var(--tw-space-x-reverse));
4253
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
4254
- }
4255
-
4256
- .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
4257
- --tw-space-y-reverse: 0;
4258
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
4259
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
4260
- }
4261
-
4262
- .sm\:text-left {
4263
- text-align: left;
4264
- }
4265
- }
4266
-
4267
- @media (min-width: 768px) {
4268
- .md\:col-span-2 {
4269
- grid-column: span 2 / span 2;
4270
- }
4271
-
4272
- .md\:block {
4273
- display: block;
4274
- }
4275
-
4276
- .md\:flex {
4277
- display: flex;
4278
- }
4279
-
4280
- .md\:w-auto {
4281
- width: auto;
4282
- }
4283
-
4284
- .md\:max-w-\[420px\] {
4285
- max-width: 420px;
4286
- }
4287
-
4288
- .md\:grid-cols-2 {
4289
- grid-template-columns: repeat(2, minmax(0, 1fr));
4290
- }
4291
-
4292
- .md\:grid-cols-3 {
4293
- grid-template-columns: repeat(3, minmax(0, 1fr));
4294
- }
4295
-
4296
- .md\:grid-cols-4 {
4297
- grid-template-columns: repeat(4, minmax(0, 1fr));
4298
- }
4299
-
4300
- .md\:flex-row {
4301
- flex-direction: row;
4302
- }
4303
-
4304
- .md\:items-center {
4305
- align-items: center;
4306
- }
4307
-
4308
- .md\:justify-end {
4309
- justify-content: flex-end;
4310
- }
4311
-
4312
- .md\:justify-between {
4313
- justify-content: space-between;
4314
- }
4315
-
4316
- .md\:opacity-0 {
4317
- opacity: 0;
4318
- }
4319
-
4320
- .after\:md\:hidden::after {
4321
- content: var(--tw-content);
4322
- display: none;
4323
- }
4324
-
4325
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
4326
- margin: 0.5rem;
4327
- }
4328
-
4329
- .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
4330
- margin-left: 0.5rem;
4331
- }
4332
-
4333
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
4334
- margin-left: 0px;
4335
- }
4336
-
4337
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
4338
- border-radius: 0.75rem;
4339
- }
4340
-
4341
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
4342
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
4343
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4344
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4345
- }
4346
- }
4347
-
4348
- @media (min-width: 1024px) {
4349
- .lg\:col-span-2 {
4350
- grid-column: span 2 / span 2;
4351
- }
4352
-
4353
- .lg\:h-5 {
4354
- height: 1.25rem;
4355
- }
4356
-
4357
- .lg\:w-5 {
4358
- width: 1.25rem;
4359
- }
4360
-
4361
- .lg\:w-64 {
4362
- width: 16rem;
4363
- }
4364
-
4365
- .lg\:grid-cols-2 {
4366
- grid-template-columns: repeat(2, minmax(0, 1fr));
4367
- }
4368
-
4369
- .lg\:grid-cols-3 {
4370
- grid-template-columns: repeat(3, minmax(0, 1fr));
4371
- }
4372
-
4373
- .lg\:grid-cols-4 {
4374
- grid-template-columns: repeat(4, minmax(0, 1fr));
4375
- }
4376
-
4377
- .lg\:grid-cols-6 {
4378
- grid-template-columns: repeat(6, minmax(0, 1fr));
4379
- }
4380
-
4381
- .lg\:flex-row {
4382
- flex-direction: row;
4383
- }
4384
-
4385
- .lg\:gap-4 {
4386
- gap: 1rem;
4387
- }
4388
-
4389
- .lg\:gap-6 {
4390
- gap: 1.5rem;
4391
- }
4392
-
4393
- .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
4394
- --tw-space-y-reverse: 0;
4395
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
4396
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
4397
- }
4398
-
4399
- .lg\:p-3 {
4400
- padding: 0.75rem;
4401
- }
4402
- }
4403
-
4404
- @media (min-width: 1280px) {
4405
- .xl\:grid-cols-4 {
4406
- grid-template-columns: repeat(4, minmax(0, 1fr));
4407
- }
4408
- }
4409
-
4410
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
4411
- padding-right: 0px;
4412
- }
4413
-
4414
- .\[\&\>button\]\:hidden>button {
4415
- display: none;
4416
- }
4417
-
4418
- .\[\&\>span\:last-child\]\:truncate>span:last-child {
4419
- overflow: hidden;
4420
- text-overflow: ellipsis;
4421
- white-space: nowrap;
4422
- }
4423
-
4424
- .\[\&\>svg\]\:size-4>svg {
4425
- width: 1rem;
4426
- height: 1rem;
4427
- }
4428
-
4429
- .\[\&\>svg\]\:shrink-0>svg {
4430
- flex-shrink: 0;
4431
- }
4432
-
4433
- .\[\&\>svg\]\:text-sidebar-foreground\/50>svg {
4434
- color: hsl(var(--sidebar-foreground) / 0.5);
4435
- }
4436
-
4437
- .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
4438
- border-bottom-width: 0px;
4439
- }
4440
-
4441
- .\[\&_svg\]\:pointer-events-none svg {
4442
- pointer-events: none;
4443
- }
4444
-
4445
- .\[\&_svg\]\:size-4 svg {
4446
- width: 1rem;
4447
- height: 1rem;
4448
- }
4449
-
4450
- .\[\&_svg\]\:shrink-0 svg {
4451
- flex-shrink: 0;
4452
- }
4453
-
4454
- .\[\&_tr\:last-child\]\:border-0 tr:last-child {
4455
- border-width: 0px;
4456
- }
4457
-
4458
- .\[\&_tr\]\:border-b tr {
4459
- border-bottom-width: 1px;
4460
- }
4461
-
4462
- [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
4463
- right: -0.5rem;
4464
- }
4465
-
4466
- [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
4467
- cursor: e-resize;
4468
- }
4469
-
4470
- [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
4471
- cursor: w-resize;
4472
- }
4473
-
4474
- [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
4475
- left: -0.5rem;
4476
- }
4477
-
4478
- [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
4479
- cursor: w-resize;
4480
- }
4481
-
4482
- [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
4483
- cursor: e-resize;
4484
- }