@jacshuo/onyx 0.1.4

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 (60) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +497 -0
  3. package/dist/components/Accordion.d.ts +20 -0
  4. package/dist/components/Accordion.d.ts.map +1 -0
  5. package/dist/components/Alert.d.ts +25 -0
  6. package/dist/components/Alert.d.ts.map +1 -0
  7. package/dist/components/Badge.d.ts +7 -0
  8. package/dist/components/Badge.d.ts.map +1 -0
  9. package/dist/components/Button.d.ts +7 -0
  10. package/dist/components/Button.d.ts.map +1 -0
  11. package/dist/components/Card.d.ts +30 -0
  12. package/dist/components/Card.d.ts.map +1 -0
  13. package/dist/components/Chat.d.ts +29 -0
  14. package/dist/components/Chat.d.ts.map +1 -0
  15. package/dist/components/CinePlayer.d.ts +37 -0
  16. package/dist/components/CinePlayer.d.ts.map +1 -0
  17. package/dist/components/Dialog.d.ts +21 -0
  18. package/dist/components/Dialog.d.ts.map +1 -0
  19. package/dist/components/Dropdown.d.ts +57 -0
  20. package/dist/components/Dropdown.d.ts.map +1 -0
  21. package/dist/components/DropdownButton.d.ts +33 -0
  22. package/dist/components/DropdownButton.d.ts.map +1 -0
  23. package/dist/components/FileExplorer.d.ts +93 -0
  24. package/dist/components/FileExplorer.d.ts.map +1 -0
  25. package/dist/components/FilmReel.d.ts +40 -0
  26. package/dist/components/FilmReel.d.ts.map +1 -0
  27. package/dist/components/Header.d.ts +50 -0
  28. package/dist/components/Header.d.ts.map +1 -0
  29. package/dist/components/ImageCard.d.ts +23 -0
  30. package/dist/components/ImageCard.d.ts.map +1 -0
  31. package/dist/components/Input.d.ts +21 -0
  32. package/dist/components/Input.d.ts.map +1 -0
  33. package/dist/components/Label.d.ts +7 -0
  34. package/dist/components/Label.d.ts.map +1 -0
  35. package/dist/components/List.d.ts +8 -0
  36. package/dist/components/List.d.ts.map +1 -0
  37. package/dist/components/MiniPlayer.d.ts +50 -0
  38. package/dist/components/MiniPlayer.d.ts.map +1 -0
  39. package/dist/components/Panel.d.ts +9 -0
  40. package/dist/components/Panel.d.ts.map +1 -0
  41. package/dist/components/SideNav.d.ts +64 -0
  42. package/dist/components/SideNav.d.ts.map +1 -0
  43. package/dist/components/Table.d.ts +79 -0
  44. package/dist/components/Table.d.ts.map +1 -0
  45. package/dist/components/Tabs.d.ts +25 -0
  46. package/dist/components/Tabs.d.ts.map +1 -0
  47. package/dist/components/Tooltip.d.ts +14 -0
  48. package/dist/components/Tooltip.d.ts.map +1 -0
  49. package/dist/components/Tree.d.ts +31 -0
  50. package/dist/components/Tree.d.ts.map +1 -0
  51. package/dist/index.cjs +1 -0
  52. package/dist/index.d.ts +27 -0
  53. package/dist/index.d.ts.map +1 -0
  54. package/dist/index.js +1 -0
  55. package/dist/lib/utils.d.ts +3 -0
  56. package/dist/lib/utils.d.ts.map +1 -0
  57. package/dist/styles/theme.d.ts +48 -0
  58. package/dist/styles/theme.d.ts.map +1 -0
  59. package/dist/styles.css +4086 -0
  60. package/package.json +108 -0
package/dist/styles.css ADDED
@@ -0,0 +1,4086 @@
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-100: oklch(93.6% 0.032 17.717);
12
+ --color-red-200: oklch(88.5% 0.062 18.334);
13
+ --color-red-300: oklch(80.8% 0.114 19.571);
14
+ --color-red-400: oklch(70.4% 0.191 22.216);
15
+ --color-red-500: oklch(63.7% 0.237 25.331);
16
+ --color-red-600: oklch(57.7% 0.245 27.325);
17
+ --color-red-800: oklch(44.4% 0.177 26.899);
18
+ --color-red-900: oklch(39.6% 0.141 25.723);
19
+ --color-orange-50: oklch(98% 0.016 73.684);
20
+ --color-orange-100: oklch(95.4% 0.038 75.164);
21
+ --color-orange-200: oklch(90.1% 0.076 70.697);
22
+ --color-orange-300: oklch(83.7% 0.128 66.29);
23
+ --color-orange-400: oklch(75% 0.183 55.934);
24
+ --color-orange-500: oklch(70.5% 0.213 47.604);
25
+ --color-orange-600: oklch(64.6% 0.222 41.116);
26
+ --color-orange-700: oklch(55.3% 0.195 38.402);
27
+ --color-orange-800: oklch(47% 0.157 37.304);
28
+ --color-orange-900: oklch(40.8% 0.123 38.172);
29
+ --color-amber-50: oklch(98.7% 0.022 95.277);
30
+ --color-amber-100: oklch(96.2% 0.059 95.617);
31
+ --color-amber-200: oklch(92.4% 0.12 95.746);
32
+ --color-amber-300: oklch(87.9% 0.169 91.605);
33
+ --color-amber-400: oklch(82.8% 0.189 84.429);
34
+ --color-amber-500: oklch(76.9% 0.188 70.08);
35
+ --color-amber-600: oklch(66.6% 0.179 58.318);
36
+ --color-amber-800: oklch(47.3% 0.137 46.201);
37
+ --color-amber-900: oklch(41.4% 0.112 45.904);
38
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
39
+ --color-green-50: oklch(98.2% 0.018 155.826);
40
+ --color-green-100: oklch(96.2% 0.044 156.743);
41
+ --color-green-200: oklch(92.5% 0.084 155.995);
42
+ --color-green-400: oklch(79.2% 0.209 151.711);
43
+ --color-green-500: oklch(72.3% 0.219 149.579);
44
+ --color-green-600: oklch(62.7% 0.194 149.214);
45
+ --color-green-700: oklch(52.7% 0.154 150.069);
46
+ --color-green-800: oklch(44.8% 0.119 151.328);
47
+ --color-green-900: oklch(39.3% 0.095 152.535);
48
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
49
+ --color-emerald-100: oklch(95% 0.052 163.051);
50
+ --color-emerald-200: oklch(90.5% 0.093 164.15);
51
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
52
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
53
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
54
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
55
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
56
+ --color-emerald-800: oklch(43.2% 0.095 166.913);
57
+ --color-emerald-900: oklch(37.8% 0.077 168.94);
58
+ --color-blue-50: oklch(97% 0.014 254.604);
59
+ --color-blue-100: oklch(93.2% 0.032 255.585);
60
+ --color-blue-200: oklch(88.2% 0.059 254.128);
61
+ --color-blue-300: oklch(80.9% 0.105 251.813);
62
+ --color-blue-400: oklch(70.7% 0.165 254.624);
63
+ --color-blue-500: oklch(62.3% 0.214 259.815);
64
+ --color-blue-600: oklch(54.6% 0.245 262.881);
65
+ --color-blue-700: oklch(48.8% 0.243 264.376);
66
+ --color-blue-800: oklch(42.4% 0.199 265.638);
67
+ --color-blue-900: oklch(37.9% 0.146 265.522);
68
+ --color-violet-500: oklch(60.6% 0.25 292.717);
69
+ --color-violet-600: oklch(54.1% 0.281 293.009);
70
+ --color-purple-500: oklch(62.7% 0.265 303.9);
71
+ --color-fuchsia-400: oklch(74% 0.238 322.16);
72
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15);
73
+ --color-rose-50: oklch(96.9% 0.015 12.422);
74
+ --color-rose-100: oklch(94.1% 0.03 12.58);
75
+ --color-rose-200: oklch(89.2% 0.058 10.001);
76
+ --color-rose-300: oklch(81% 0.117 11.638);
77
+ --color-rose-400: oklch(71.2% 0.194 13.428);
78
+ --color-rose-500: oklch(64.5% 0.246 16.439);
79
+ --color-rose-600: oklch(58.6% 0.253 17.585);
80
+ --color-rose-700: oklch(51.4% 0.222 16.935);
81
+ --color-rose-800: oklch(45.5% 0.188 13.697);
82
+ --color-rose-900: oklch(41% 0.159 10.272);
83
+ --color-slate-50: oklch(98.4% 0.003 247.858);
84
+ --color-slate-100: oklch(96.8% 0.007 247.896);
85
+ --color-slate-200: oklch(92.9% 0.013 255.508);
86
+ --color-slate-300: oklch(86.9% 0.022 252.894);
87
+ --color-slate-400: oklch(70.4% 0.04 256.788);
88
+ --color-slate-500: oklch(55.4% 0.046 257.417);
89
+ --color-slate-600: oklch(44.6% 0.043 257.281);
90
+ --color-slate-700: oklch(37.2% 0.044 257.287);
91
+ --color-slate-800: oklch(27.9% 0.041 260.031);
92
+ --color-slate-900: oklch(20.8% 0.042 265.755);
93
+ --color-gray-50: oklch(98.5% 0.002 247.839);
94
+ --color-gray-100: oklch(96.7% 0.003 264.542);
95
+ --color-gray-200: oklch(92.8% 0.006 264.531);
96
+ --color-gray-300: oklch(87.2% 0.01 258.338);
97
+ --color-gray-400: oklch(70.7% 0.022 261.325);
98
+ --color-gray-500: oklch(55.1% 0.027 264.364);
99
+ --color-gray-600: oklch(44.6% 0.03 256.802);
100
+ --color-gray-700: oklch(37.3% 0.034 259.733);
101
+ --color-gray-800: oklch(27.8% 0.033 256.848);
102
+ --color-gray-900: oklch(21% 0.034 264.665);
103
+ --color-gray-950: oklch(13% 0.028 261.692);
104
+ --color-black: #000;
105
+ --color-white: #fff;
106
+ --spacing: 0.25rem;
107
+ --container-xs: 20rem;
108
+ --container-sm: 24rem;
109
+ --container-md: 28rem;
110
+ --container-lg: 32rem;
111
+ --container-xl: 36rem;
112
+ --container-2xl: 42rem;
113
+ --container-4xl: 56rem;
114
+ --container-5xl: 64rem;
115
+ --text-xs: 0.75rem;
116
+ --text-xs--line-height: calc(1 / 0.75);
117
+ --text-sm: 0.875rem;
118
+ --text-sm--line-height: calc(1.25 / 0.875);
119
+ --text-base: 1rem;
120
+ --text-base--line-height: calc(1.5 / 1);
121
+ --text-lg: 1.125rem;
122
+ --text-lg--line-height: calc(1.75 / 1.125);
123
+ --text-xl: 1.25rem;
124
+ --text-xl--line-height: calc(1.75 / 1.25);
125
+ --text-2xl: 1.5rem;
126
+ --text-2xl--line-height: calc(2 / 1.5);
127
+ --font-weight-medium: 500;
128
+ --font-weight-semibold: 600;
129
+ --font-weight-bold: 700;
130
+ --tracking-wide: 0.025em;
131
+ --tracking-wider: 0.05em;
132
+ --tracking-widest: 0.1em;
133
+ --leading-tight: 1.25;
134
+ --leading-snug: 1.375;
135
+ --leading-relaxed: 1.625;
136
+ --radius-xs: 0.125rem;
137
+ --radius-sm: 0.25rem;
138
+ --radius-md: 0.375rem;
139
+ --radius-lg: 0.5rem;
140
+ --radius-xl: 0.75rem;
141
+ --radius-2xl: 1rem;
142
+ --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
143
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
144
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
145
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
146
+ --blur-sm: 8px;
147
+ --blur-md: 12px;
148
+ --blur-xl: 24px;
149
+ --blur-2xl: 40px;
150
+ --aspect-video: 16 / 9;
151
+ --default-transition-duration: 150ms;
152
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
153
+ --default-font-family: var(--font-sans);
154
+ --default-mono-font-family: var(--font-mono);
155
+ --color-primary-50: var(--color-slate-50);
156
+ --color-primary-100: var(--color-slate-100);
157
+ --color-primary-200: var(--color-slate-200);
158
+ --color-primary-300: var(--color-slate-300);
159
+ --color-primary-400: var(--color-slate-400);
160
+ --color-primary-500: var(--color-slate-500);
161
+ --color-primary-600: var(--color-slate-600);
162
+ --color-primary-700: var(--color-slate-700);
163
+ --color-primary-800: var(--color-slate-800);
164
+ --color-primary-900: var(--color-slate-900);
165
+ --color-secondary-500: var(--color-gray-500);
166
+ --color-secondary-600: var(--color-gray-600);
167
+ --color-secondary-700: var(--color-gray-700);
168
+ --color-danger-500: var(--color-rose-500);
169
+ --color-danger-600: var(--color-rose-600);
170
+ --color-danger-700: var(--color-rose-700);
171
+ --color-warning-500: var(--color-orange-500);
172
+ --color-warning-600: var(--color-orange-600);
173
+ --color-warning-700: var(--color-orange-700);
174
+ --animate-fade-in: fade-in 150ms ease-out;
175
+ --animate-scale-in: scale-in 200ms ease-out;
176
+ --animate-slide-in-right: slide-in-right 300ms ease-out;
177
+ --animate-slide-in-left: slide-in-left 300ms ease-out;
178
+ --animate-slide-in-top: slide-in-top 300ms ease-out;
179
+ --animate-slide-in-bottom: slide-in-bottom 300ms ease-out;
180
+ }
181
+ }
182
+ @layer base {
183
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
184
+ box-sizing: border-box;
185
+ margin: 0;
186
+ padding: 0;
187
+ border: 0 solid;
188
+ }
189
+ html, :host {
190
+ line-height: 1.5;
191
+ -webkit-text-size-adjust: 100%;
192
+ tab-size: 4;
193
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
194
+ font-feature-settings: var(--default-font-feature-settings, normal);
195
+ font-variation-settings: var(--default-font-variation-settings, normal);
196
+ -webkit-tap-highlight-color: transparent;
197
+ }
198
+ hr {
199
+ height: 0;
200
+ color: inherit;
201
+ border-top-width: 1px;
202
+ }
203
+ abbr:where([title]) {
204
+ -webkit-text-decoration: underline dotted;
205
+ text-decoration: underline dotted;
206
+ }
207
+ h1, h2, h3, h4, h5, h6 {
208
+ font-size: inherit;
209
+ font-weight: inherit;
210
+ }
211
+ a {
212
+ color: inherit;
213
+ -webkit-text-decoration: inherit;
214
+ text-decoration: inherit;
215
+ }
216
+ b, strong {
217
+ font-weight: bolder;
218
+ }
219
+ code, kbd, samp, pre {
220
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
221
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
222
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
223
+ font-size: 1em;
224
+ }
225
+ small {
226
+ font-size: 80%;
227
+ }
228
+ sub, sup {
229
+ font-size: 75%;
230
+ line-height: 0;
231
+ position: relative;
232
+ vertical-align: baseline;
233
+ }
234
+ sub {
235
+ bottom: -0.25em;
236
+ }
237
+ sup {
238
+ top: -0.5em;
239
+ }
240
+ table {
241
+ text-indent: 0;
242
+ border-color: inherit;
243
+ border-collapse: collapse;
244
+ }
245
+ :-moz-focusring {
246
+ outline: auto;
247
+ }
248
+ progress {
249
+ vertical-align: baseline;
250
+ }
251
+ summary {
252
+ display: list-item;
253
+ }
254
+ ol, ul, menu {
255
+ list-style: none;
256
+ }
257
+ img, svg, video, canvas, audio, iframe, embed, object {
258
+ display: block;
259
+ vertical-align: middle;
260
+ }
261
+ img, video {
262
+ max-width: 100%;
263
+ height: auto;
264
+ }
265
+ button, input, select, optgroup, textarea, ::file-selector-button {
266
+ font: inherit;
267
+ font-feature-settings: inherit;
268
+ font-variation-settings: inherit;
269
+ letter-spacing: inherit;
270
+ color: inherit;
271
+ border-radius: 0;
272
+ background-color: transparent;
273
+ opacity: 1;
274
+ }
275
+ :where(select:is([multiple], [size])) optgroup {
276
+ font-weight: bolder;
277
+ }
278
+ :where(select:is([multiple], [size])) optgroup option {
279
+ padding-inline-start: 20px;
280
+ }
281
+ ::file-selector-button {
282
+ margin-inline-end: 4px;
283
+ }
284
+ ::placeholder {
285
+ opacity: 1;
286
+ }
287
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
288
+ ::placeholder {
289
+ color: currentcolor;
290
+ @supports (color: color-mix(in lab, red, red)) {
291
+ color: color-mix(in oklab, currentcolor 50%, transparent);
292
+ }
293
+ }
294
+ }
295
+ textarea {
296
+ resize: vertical;
297
+ }
298
+ ::-webkit-search-decoration {
299
+ -webkit-appearance: none;
300
+ }
301
+ ::-webkit-date-and-time-value {
302
+ min-height: 1lh;
303
+ text-align: inherit;
304
+ }
305
+ ::-webkit-datetime-edit {
306
+ display: inline-flex;
307
+ }
308
+ ::-webkit-datetime-edit-fields-wrapper {
309
+ padding: 0;
310
+ }
311
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
312
+ padding-block: 0;
313
+ }
314
+ ::-webkit-calendar-picker-indicator {
315
+ line-height: 1;
316
+ }
317
+ :-moz-ui-invalid {
318
+ box-shadow: none;
319
+ }
320
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
321
+ appearance: button;
322
+ }
323
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
324
+ height: auto;
325
+ }
326
+ [hidden]:where(:not([hidden="until-found"])) {
327
+ display: none !important;
328
+ }
329
+ }
330
+ @layer utilities {
331
+ .pointer-events-auto {
332
+ pointer-events: auto;
333
+ }
334
+ .pointer-events-none {
335
+ pointer-events: none;
336
+ }
337
+ .\!visible {
338
+ visibility: visible !important;
339
+ }
340
+ .collapse {
341
+ visibility: collapse;
342
+ }
343
+ .visible {
344
+ visibility: visible;
345
+ }
346
+ .absolute {
347
+ position: absolute;
348
+ }
349
+ .fixed {
350
+ position: fixed;
351
+ }
352
+ .relative {
353
+ position: relative;
354
+ }
355
+ .static {
356
+ position: static;
357
+ }
358
+ .inset-0 {
359
+ inset: calc(var(--spacing) * 0);
360
+ }
361
+ .inset-x-0 {
362
+ inset-inline: calc(var(--spacing) * 0);
363
+ }
364
+ .inset-y-0 {
365
+ inset-block: calc(var(--spacing) * 0);
366
+ }
367
+ .start {
368
+ inset-inline-start: var(--spacing);
369
+ }
370
+ .end {
371
+ inset-inline-end: var(--spacing);
372
+ }
373
+ .-top-8 {
374
+ top: calc(var(--spacing) * -8);
375
+ }
376
+ .top-0 {
377
+ top: calc(var(--spacing) * 0);
378
+ }
379
+ .top-1\/2 {
380
+ top: calc(1 / 2 * 100%);
381
+ }
382
+ .top-2 {
383
+ top: calc(var(--spacing) * 2);
384
+ }
385
+ .top-4 {
386
+ top: calc(var(--spacing) * 4);
387
+ }
388
+ .top-6 {
389
+ top: calc(var(--spacing) * 6);
390
+ }
391
+ .top-8 {
392
+ top: calc(var(--spacing) * 8);
393
+ }
394
+ .top-full {
395
+ top: 100%;
396
+ }
397
+ .right-0 {
398
+ right: calc(var(--spacing) * 0);
399
+ }
400
+ .right-2 {
401
+ right: calc(var(--spacing) * 2);
402
+ }
403
+ .right-3 {
404
+ right: calc(var(--spacing) * 3);
405
+ }
406
+ .right-4 {
407
+ right: calc(var(--spacing) * 4);
408
+ }
409
+ .right-full {
410
+ right: 100%;
411
+ }
412
+ .bottom-0 {
413
+ bottom: calc(var(--spacing) * 0);
414
+ }
415
+ .bottom-2 {
416
+ bottom: calc(var(--spacing) * 2);
417
+ }
418
+ .bottom-4 {
419
+ bottom: calc(var(--spacing) * 4);
420
+ }
421
+ .bottom-8 {
422
+ bottom: calc(var(--spacing) * 8);
423
+ }
424
+ .bottom-full {
425
+ bottom: 100%;
426
+ }
427
+ .left-0 {
428
+ left: calc(var(--spacing) * 0);
429
+ }
430
+ .left-1\/2 {
431
+ left: calc(1 / 2 * 100%);
432
+ }
433
+ .left-2 {
434
+ left: calc(var(--spacing) * 2);
435
+ }
436
+ .left-3 {
437
+ left: calc(var(--spacing) * 3);
438
+ }
439
+ .left-4 {
440
+ left: calc(var(--spacing) * 4);
441
+ }
442
+ .left-6 {
443
+ left: calc(var(--spacing) * 6);
444
+ }
445
+ .left-full {
446
+ left: 100%;
447
+ }
448
+ .z-10 {
449
+ z-index: 10;
450
+ }
451
+ .z-20 {
452
+ z-index: 20;
453
+ }
454
+ .z-50 {
455
+ z-index: 50;
456
+ }
457
+ .z-100 {
458
+ z-index: 100;
459
+ }
460
+ .z-200 {
461
+ z-index: 200;
462
+ }
463
+ .container {
464
+ width: 100%;
465
+ @media (width >= 40rem) {
466
+ max-width: 40rem;
467
+ }
468
+ @media (width >= 48rem) {
469
+ max-width: 48rem;
470
+ }
471
+ @media (width >= 64rem) {
472
+ max-width: 64rem;
473
+ }
474
+ @media (width >= 80rem) {
475
+ max-width: 80rem;
476
+ }
477
+ @media (width >= 96rem) {
478
+ max-width: 96rem;
479
+ }
480
+ }
481
+ .mx-1 {
482
+ margin-inline: calc(var(--spacing) * 1);
483
+ }
484
+ .mx-2 {
485
+ margin-inline: calc(var(--spacing) * 2);
486
+ }
487
+ .mx-auto {
488
+ margin-inline: auto;
489
+ }
490
+ .my-1 {
491
+ margin-block: calc(var(--spacing) * 1);
492
+ }
493
+ .mt-0\.5 {
494
+ margin-top: calc(var(--spacing) * 0.5);
495
+ }
496
+ .mt-1 {
497
+ margin-top: calc(var(--spacing) * 1);
498
+ }
499
+ .mt-2 {
500
+ margin-top: calc(var(--spacing) * 2);
501
+ }
502
+ .mt-3 {
503
+ margin-top: calc(var(--spacing) * 3);
504
+ }
505
+ .mt-4 {
506
+ margin-top: calc(var(--spacing) * 4);
507
+ }
508
+ .mt-6 {
509
+ margin-top: calc(var(--spacing) * 6);
510
+ }
511
+ .mt-auto {
512
+ margin-top: auto;
513
+ }
514
+ .mr-1 {
515
+ margin-right: calc(var(--spacing) * 1);
516
+ }
517
+ .mr-2 {
518
+ margin-right: calc(var(--spacing) * 2);
519
+ }
520
+ .mb-0\.5 {
521
+ margin-bottom: calc(var(--spacing) * 0.5);
522
+ }
523
+ .mb-1 {
524
+ margin-bottom: calc(var(--spacing) * 1);
525
+ }
526
+ .mb-2 {
527
+ margin-bottom: calc(var(--spacing) * 2);
528
+ }
529
+ .mb-3 {
530
+ margin-bottom: calc(var(--spacing) * 3);
531
+ }
532
+ .mb-4 {
533
+ margin-bottom: calc(var(--spacing) * 4);
534
+ }
535
+ .mb-6 {
536
+ margin-bottom: calc(var(--spacing) * 6);
537
+ }
538
+ .ml-0\.5 {
539
+ margin-left: calc(var(--spacing) * 0.5);
540
+ }
541
+ .ml-1 {
542
+ margin-left: calc(var(--spacing) * 1);
543
+ }
544
+ .ml-2 {
545
+ margin-left: calc(var(--spacing) * 2);
546
+ }
547
+ .ml-2\.5 {
548
+ margin-left: calc(var(--spacing) * 2.5);
549
+ }
550
+ .ml-4 {
551
+ margin-left: calc(var(--spacing) * 4);
552
+ }
553
+ .ml-auto {
554
+ margin-left: auto;
555
+ }
556
+ .contents {
557
+ display: contents;
558
+ }
559
+ .flex {
560
+ display: flex;
561
+ }
562
+ .grid {
563
+ display: grid;
564
+ }
565
+ .hidden {
566
+ display: none;
567
+ }
568
+ .inline {
569
+ display: inline;
570
+ }
571
+ .inline-block {
572
+ display: inline-block;
573
+ }
574
+ .inline-flex {
575
+ display: inline-flex;
576
+ }
577
+ .table {
578
+ display: table;
579
+ }
580
+ .aspect-video {
581
+ aspect-ratio: var(--aspect-video);
582
+ }
583
+ .h-0\.5 {
584
+ height: calc(var(--spacing) * 0.5);
585
+ }
586
+ .h-1 {
587
+ height: calc(var(--spacing) * 1);
588
+ }
589
+ .h-1\.5 {
590
+ height: calc(var(--spacing) * 1.5);
591
+ }
592
+ .h-3 {
593
+ height: calc(var(--spacing) * 3);
594
+ }
595
+ .h-3\.5 {
596
+ height: calc(var(--spacing) * 3.5);
597
+ }
598
+ .h-4 {
599
+ height: calc(var(--spacing) * 4);
600
+ }
601
+ .h-4\.5 {
602
+ height: calc(var(--spacing) * 4.5);
603
+ }
604
+ .h-5 {
605
+ height: calc(var(--spacing) * 5);
606
+ }
607
+ .h-6 {
608
+ height: calc(var(--spacing) * 6);
609
+ }
610
+ .h-7 {
611
+ height: calc(var(--spacing) * 7);
612
+ }
613
+ .h-8 {
614
+ height: calc(var(--spacing) * 8);
615
+ }
616
+ .h-9 {
617
+ height: calc(var(--spacing) * 9);
618
+ }
619
+ .h-10 {
620
+ height: calc(var(--spacing) * 10);
621
+ }
622
+ .h-11 {
623
+ height: calc(var(--spacing) * 11);
624
+ }
625
+ .h-12 {
626
+ height: calc(var(--spacing) * 12);
627
+ }
628
+ .h-14 {
629
+ height: calc(var(--spacing) * 14);
630
+ }
631
+ .h-16 {
632
+ height: calc(var(--spacing) * 16);
633
+ }
634
+ .h-20 {
635
+ height: calc(var(--spacing) * 20);
636
+ }
637
+ .h-32 {
638
+ height: calc(var(--spacing) * 32);
639
+ }
640
+ .h-40 {
641
+ height: calc(var(--spacing) * 40);
642
+ }
643
+ .h-72 {
644
+ height: calc(var(--spacing) * 72);
645
+ }
646
+ .h-85 {
647
+ height: calc(var(--spacing) * 85);
648
+ }
649
+ .h-\[calc\(100vh-4rem\)\] {
650
+ height: calc(100vh - 4rem);
651
+ }
652
+ .h-full {
653
+ height: 100%;
654
+ }
655
+ .h-px {
656
+ height: 1px;
657
+ }
658
+ .h-screen {
659
+ height: 100vh;
660
+ }
661
+ .max-h-0 {
662
+ max-height: calc(var(--spacing) * 0);
663
+ }
664
+ .max-h-52 {
665
+ max-height: calc(var(--spacing) * 52);
666
+ }
667
+ .max-h-60 {
668
+ max-height: calc(var(--spacing) * 60);
669
+ }
670
+ .max-h-full {
671
+ max-height: 100%;
672
+ }
673
+ .min-h-0 {
674
+ min-height: calc(var(--spacing) * 0);
675
+ }
676
+ .w-0 {
677
+ width: calc(var(--spacing) * 0);
678
+ }
679
+ .w-0\.5 {
680
+ width: calc(var(--spacing) * 0.5);
681
+ }
682
+ .w-0\.75 {
683
+ width: calc(var(--spacing) * 0.75);
684
+ }
685
+ .w-1\.5 {
686
+ width: calc(var(--spacing) * 1.5);
687
+ }
688
+ .w-3 {
689
+ width: calc(var(--spacing) * 3);
690
+ }
691
+ .w-3\.5 {
692
+ width: calc(var(--spacing) * 3.5);
693
+ }
694
+ .w-4 {
695
+ width: calc(var(--spacing) * 4);
696
+ }
697
+ .w-4\.5 {
698
+ width: calc(var(--spacing) * 4.5);
699
+ }
700
+ .w-5 {
701
+ width: calc(var(--spacing) * 5);
702
+ }
703
+ .w-6 {
704
+ width: calc(var(--spacing) * 6);
705
+ }
706
+ .w-7 {
707
+ width: calc(var(--spacing) * 7);
708
+ }
709
+ .w-8 {
710
+ width: calc(var(--spacing) * 8);
711
+ }
712
+ .w-10 {
713
+ width: calc(var(--spacing) * 10);
714
+ }
715
+ .w-12 {
716
+ width: calc(var(--spacing) * 12);
717
+ }
718
+ .w-14 {
719
+ width: calc(var(--spacing) * 14);
720
+ }
721
+ .w-16 {
722
+ width: calc(var(--spacing) * 16);
723
+ }
724
+ .w-20 {
725
+ width: calc(var(--spacing) * 20);
726
+ }
727
+ .w-48 {
728
+ width: calc(var(--spacing) * 48);
729
+ }
730
+ .w-56 {
731
+ width: calc(var(--spacing) * 56);
732
+ }
733
+ .w-72 {
734
+ width: calc(var(--spacing) * 72);
735
+ }
736
+ .w-80 {
737
+ width: calc(var(--spacing) * 80);
738
+ }
739
+ .w-\[320px\] {
740
+ width: 320px;
741
+ }
742
+ .w-\[calc\(100vw-4rem\)\] {
743
+ width: calc(100vw - 4rem);
744
+ }
745
+ .w-auto {
746
+ width: auto;
747
+ }
748
+ .w-full {
749
+ width: 100%;
750
+ }
751
+ .w-px {
752
+ width: 1px;
753
+ }
754
+ .max-w-2xl {
755
+ max-width: var(--container-2xl);
756
+ }
757
+ .max-w-4xl {
758
+ max-width: var(--container-4xl);
759
+ }
760
+ .max-w-5xl {
761
+ max-width: var(--container-5xl);
762
+ }
763
+ .max-w-\[75\%\] {
764
+ max-width: 75%;
765
+ }
766
+ .max-w-full {
767
+ max-width: 100%;
768
+ }
769
+ .max-w-lg {
770
+ max-width: var(--container-lg);
771
+ }
772
+ .max-w-md {
773
+ max-width: var(--container-md);
774
+ }
775
+ .max-w-sm {
776
+ max-width: var(--container-sm);
777
+ }
778
+ .max-w-xl {
779
+ max-width: var(--container-xl);
780
+ }
781
+ .max-w-xs {
782
+ max-width: var(--container-xs);
783
+ }
784
+ .min-w-0 {
785
+ min-width: calc(var(--spacing) * 0);
786
+ }
787
+ .min-w-44 {
788
+ min-width: calc(var(--spacing) * 44);
789
+ }
790
+ .flex-1 {
791
+ flex: 1;
792
+ }
793
+ .shrink-0 {
794
+ flex-shrink: 0;
795
+ }
796
+ .-translate-x-1\/2 {
797
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
798
+ translate: var(--tw-translate-x) var(--tw-translate-y);
799
+ }
800
+ .translate-x-0\.5 {
801
+ --tw-translate-x: calc(var(--spacing) * 0.5);
802
+ translate: var(--tw-translate-x) var(--tw-translate-y);
803
+ }
804
+ .translate-x-px {
805
+ --tw-translate-x: 1px;
806
+ translate: var(--tw-translate-x) var(--tw-translate-y);
807
+ }
808
+ .-translate-y-1\/2 {
809
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
810
+ translate: var(--tw-translate-x) var(--tw-translate-y);
811
+ }
812
+ .translate-y-0 {
813
+ --tw-translate-y: calc(var(--spacing) * 0);
814
+ translate: var(--tw-translate-x) var(--tw-translate-y);
815
+ }
816
+ .translate-y-2 {
817
+ --tw-translate-y: calc(var(--spacing) * 2);
818
+ translate: var(--tw-translate-x) var(--tw-translate-y);
819
+ }
820
+ .translate-y-full {
821
+ --tw-translate-y: 100%;
822
+ translate: var(--tw-translate-x) var(--tw-translate-y);
823
+ }
824
+ .scale-110 {
825
+ --tw-scale-x: 110%;
826
+ --tw-scale-y: 110%;
827
+ --tw-scale-z: 110%;
828
+ scale: var(--tw-scale-x) var(--tw-scale-y);
829
+ }
830
+ .rotate-45 {
831
+ rotate: 45deg;
832
+ }
833
+ .rotate-90 {
834
+ rotate: 90deg;
835
+ }
836
+ .rotate-180 {
837
+ rotate: 180deg;
838
+ }
839
+ .transform {
840
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
841
+ }
842
+ .animate-light-sweep {
843
+ background: linear-gradient( 105deg, transparent 30%, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.08) 60%, transparent 70% );
844
+ animation: light-sweep 0.8s ease-in-out;
845
+ }
846
+ .animate-\[cp-cinema-in_0\.5s_ease-out_both\] {
847
+ animation: cp-cinema-in 0.5s ease-out both;
848
+ }
849
+ .animate-\[cp-cinema-out_0\.5s_ease-in_both\] {
850
+ animation: cp-cinema-out 0.5s ease-in both;
851
+ }
852
+ .animate-\[cp-glow-pulse_4s_ease-in-out_infinite\] {
853
+ animation: cp-glow-pulse 4s ease-in-out infinite;
854
+ }
855
+ .animate-\[cp-track-transition_0\.6s_ease-out\] {
856
+ animation: cp-track-transition 0.6s ease-out;
857
+ }
858
+ .animate-\[fade-in_0\.4s_ease-out\] {
859
+ animation: fade-in 0.4s ease-out;
860
+ }
861
+ .animate-\[fe-window-in_0\.35s_cubic-bezier\(0\.16\,1\,0\.3\,1\)_both\] {
862
+ animation: fe-window-in 0.35s cubic-bezier(0.16,1,0.3,1) both;
863
+ }
864
+ .animate-fade-in {
865
+ animation: var(--animate-fade-in);
866
+ }
867
+ .animate-scale-in {
868
+ animation: var(--animate-scale-in);
869
+ }
870
+ .animate-slide-in-bottom {
871
+ animation: var(--animate-slide-in-bottom);
872
+ }
873
+ .animate-slide-in-left {
874
+ animation: var(--animate-slide-in-left);
875
+ }
876
+ .animate-slide-in-right {
877
+ animation: var(--animate-slide-in-right);
878
+ }
879
+ .animate-slide-in-top {
880
+ animation: var(--animate-slide-in-top);
881
+ }
882
+ .cursor-default {
883
+ cursor: default;
884
+ }
885
+ .cursor-ew-resize {
886
+ cursor: ew-resize;
887
+ }
888
+ .cursor-grab {
889
+ cursor: grab;
890
+ }
891
+ .cursor-nesw-resize {
892
+ cursor: nesw-resize;
893
+ }
894
+ .cursor-ns-resize {
895
+ cursor: ns-resize;
896
+ }
897
+ .cursor-nwse-resize {
898
+ cursor: nwse-resize;
899
+ }
900
+ .cursor-pointer {
901
+ cursor: pointer;
902
+ }
903
+ .cursor-text {
904
+ cursor: text;
905
+ }
906
+ .resize {
907
+ resize: both;
908
+ }
909
+ .appearance-none {
910
+ appearance: none;
911
+ }
912
+ .grid-cols-2 {
913
+ grid-template-columns: repeat(2, minmax(0, 1fr));
914
+ }
915
+ .grid-cols-3 {
916
+ grid-template-columns: repeat(3, minmax(0, 1fr));
917
+ }
918
+ .grid-cols-\[repeat\(auto-fill\,minmax\(90px\,1fr\)\)\] {
919
+ grid-template-columns: repeat(auto-fill,minmax(90px,1fr));
920
+ }
921
+ .grid-rows-\[0fr\] {
922
+ grid-template-rows: 0fr;
923
+ }
924
+ .grid-rows-\[1fr\] {
925
+ grid-template-rows: 1fr;
926
+ }
927
+ .flex-col {
928
+ flex-direction: column;
929
+ }
930
+ .flex-row {
931
+ flex-direction: row;
932
+ }
933
+ .flex-row-reverse {
934
+ flex-direction: row-reverse;
935
+ }
936
+ .flex-wrap {
937
+ flex-wrap: wrap;
938
+ }
939
+ .items-center {
940
+ align-items: center;
941
+ }
942
+ .items-end {
943
+ align-items: flex-end;
944
+ }
945
+ .items-start {
946
+ align-items: flex-start;
947
+ }
948
+ .justify-between {
949
+ justify-content: space-between;
950
+ }
951
+ .justify-center {
952
+ justify-content: center;
953
+ }
954
+ .justify-end {
955
+ justify-content: flex-end;
956
+ }
957
+ .gap-0\.5 {
958
+ gap: calc(var(--spacing) * 0.5);
959
+ }
960
+ .gap-1 {
961
+ gap: calc(var(--spacing) * 1);
962
+ }
963
+ .gap-1\.5 {
964
+ gap: calc(var(--spacing) * 1.5);
965
+ }
966
+ .gap-2 {
967
+ gap: calc(var(--spacing) * 2);
968
+ }
969
+ .gap-2\.5 {
970
+ gap: calc(var(--spacing) * 2.5);
971
+ }
972
+ .gap-3 {
973
+ gap: calc(var(--spacing) * 3);
974
+ }
975
+ .gap-3\.5 {
976
+ gap: calc(var(--spacing) * 3.5);
977
+ }
978
+ .gap-4 {
979
+ gap: calc(var(--spacing) * 4);
980
+ }
981
+ .gap-6 {
982
+ gap: calc(var(--spacing) * 6);
983
+ }
984
+ .gap-8 {
985
+ gap: calc(var(--spacing) * 8);
986
+ }
987
+ .gap-px {
988
+ gap: 1px;
989
+ }
990
+ .space-y-0\.5 {
991
+ :where(& > :not(:last-child)) {
992
+ --tw-space-y-reverse: 0;
993
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
994
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
995
+ }
996
+ }
997
+ .space-y-1 {
998
+ :where(& > :not(:last-child)) {
999
+ --tw-space-y-reverse: 0;
1000
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1001
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1002
+ }
1003
+ }
1004
+ .space-y-1\.5 {
1005
+ :where(& > :not(:last-child)) {
1006
+ --tw-space-y-reverse: 0;
1007
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1008
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1009
+ }
1010
+ }
1011
+ .space-y-2 {
1012
+ :where(& > :not(:last-child)) {
1013
+ --tw-space-y-reverse: 0;
1014
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1015
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1016
+ }
1017
+ }
1018
+ .space-y-2\.5 {
1019
+ :where(& > :not(:last-child)) {
1020
+ --tw-space-y-reverse: 0;
1021
+ margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
1022
+ margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1023
+ }
1024
+ }
1025
+ .space-y-3 {
1026
+ :where(& > :not(:last-child)) {
1027
+ --tw-space-y-reverse: 0;
1028
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1029
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1030
+ }
1031
+ }
1032
+ .space-y-8 {
1033
+ :where(& > :not(:last-child)) {
1034
+ --tw-space-y-reverse: 0;
1035
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1036
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1037
+ }
1038
+ }
1039
+ .space-y-10 {
1040
+ :where(& > :not(:last-child)) {
1041
+ --tw-space-y-reverse: 0;
1042
+ margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
1043
+ margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1044
+ }
1045
+ }
1046
+ .space-y-px {
1047
+ :where(& > :not(:last-child)) {
1048
+ --tw-space-y-reverse: 0;
1049
+ margin-block-start: calc(1px * var(--tw-space-y-reverse));
1050
+ margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
1051
+ }
1052
+ }
1053
+ .gap-x-6 {
1054
+ column-gap: calc(var(--spacing) * 6);
1055
+ }
1056
+ .gap-y-2 {
1057
+ row-gap: calc(var(--spacing) * 2);
1058
+ }
1059
+ .divide-y {
1060
+ :where(& > :not(:last-child)) {
1061
+ --tw-divide-y-reverse: 0;
1062
+ border-bottom-style: var(--tw-border-style);
1063
+ border-top-style: var(--tw-border-style);
1064
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1065
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1066
+ }
1067
+ }
1068
+ .divide-primary-200 {
1069
+ :where(& > :not(:last-child)) {
1070
+ border-color: var(--color-primary-200);
1071
+ }
1072
+ }
1073
+ .divide-primary-300 {
1074
+ :where(& > :not(:last-child)) {
1075
+ border-color: var(--color-primary-300);
1076
+ }
1077
+ }
1078
+ .divide-transparent {
1079
+ :where(& > :not(:last-child)) {
1080
+ border-color: transparent;
1081
+ }
1082
+ }
1083
+ .self-stretch {
1084
+ align-self: stretch;
1085
+ }
1086
+ .truncate {
1087
+ overflow: hidden;
1088
+ text-overflow: ellipsis;
1089
+ white-space: nowrap;
1090
+ }
1091
+ .overflow-auto {
1092
+ overflow: auto;
1093
+ }
1094
+ .overflow-hidden {
1095
+ overflow: hidden;
1096
+ }
1097
+ .overflow-x-auto {
1098
+ overflow-x: auto;
1099
+ }
1100
+ .overflow-x-hidden {
1101
+ overflow-x: hidden;
1102
+ }
1103
+ .overflow-y-auto {
1104
+ overflow-y: auto;
1105
+ }
1106
+ .scroll-smooth {
1107
+ scroll-behavior: smooth;
1108
+ }
1109
+ .rounded {
1110
+ border-radius: 0.25rem;
1111
+ }
1112
+ .rounded-2xl {
1113
+ border-radius: var(--radius-2xl);
1114
+ }
1115
+ .rounded-\[1px\] {
1116
+ border-radius: 1px;
1117
+ }
1118
+ .rounded-full {
1119
+ border-radius: calc(infinity * 1px);
1120
+ }
1121
+ .rounded-lg {
1122
+ border-radius: var(--radius-lg);
1123
+ }
1124
+ .rounded-md {
1125
+ border-radius: var(--radius-md);
1126
+ }
1127
+ .rounded-none {
1128
+ border-radius: 0;
1129
+ }
1130
+ .rounded-xl {
1131
+ border-radius: var(--radius-xl);
1132
+ }
1133
+ .rounded-xs {
1134
+ border-radius: var(--radius-xs);
1135
+ }
1136
+ .rounded-l-2xl {
1137
+ border-top-left-radius: var(--radius-2xl);
1138
+ border-bottom-left-radius: var(--radius-2xl);
1139
+ }
1140
+ .rounded-l-full {
1141
+ border-top-left-radius: calc(infinity * 1px);
1142
+ border-bottom-left-radius: calc(infinity * 1px);
1143
+ }
1144
+ .rounded-l-lg {
1145
+ border-top-left-radius: var(--radius-lg);
1146
+ border-bottom-left-radius: var(--radius-lg);
1147
+ }
1148
+ .rounded-tl-sm {
1149
+ border-top-left-radius: var(--radius-sm);
1150
+ }
1151
+ .rounded-r-2xl {
1152
+ border-top-right-radius: var(--radius-2xl);
1153
+ border-bottom-right-radius: var(--radius-2xl);
1154
+ }
1155
+ .rounded-r-full {
1156
+ border-top-right-radius: calc(infinity * 1px);
1157
+ border-bottom-right-radius: calc(infinity * 1px);
1158
+ }
1159
+ .rounded-r-lg {
1160
+ border-top-right-radius: var(--radius-lg);
1161
+ border-bottom-right-radius: var(--radius-lg);
1162
+ }
1163
+ .rounded-tr-sm {
1164
+ border-top-right-radius: var(--radius-sm);
1165
+ }
1166
+ .border {
1167
+ border-style: var(--tw-border-style);
1168
+ border-width: 1px;
1169
+ }
1170
+ .border-2 {
1171
+ border-style: var(--tw-border-style);
1172
+ border-width: 2px;
1173
+ }
1174
+ .border-t {
1175
+ border-top-style: var(--tw-border-style);
1176
+ border-top-width: 1px;
1177
+ }
1178
+ .border-r {
1179
+ border-right-style: var(--tw-border-style);
1180
+ border-right-width: 1px;
1181
+ }
1182
+ .border-b {
1183
+ border-bottom-style: var(--tw-border-style);
1184
+ border-bottom-width: 1px;
1185
+ }
1186
+ .border-l {
1187
+ border-left-style: var(--tw-border-style);
1188
+ border-left-width: 1px;
1189
+ }
1190
+ .border-l-2 {
1191
+ border-left-style: var(--tw-border-style);
1192
+ border-left-width: 2px;
1193
+ }
1194
+ .border-\(--accent\) {
1195
+ border-color: var(--accent);
1196
+ }
1197
+ .border-\(--fe-border\) {
1198
+ border-color: var(--fe-border);
1199
+ }
1200
+ .border-\(--fe-input-border\) {
1201
+ border-color: var(--fe-input-border);
1202
+ }
1203
+ .border-\(--mp-border\) {
1204
+ border-color: var(--mp-border);
1205
+ }
1206
+ .border-amber-200 {
1207
+ border-color: var(--color-amber-200);
1208
+ }
1209
+ .border-amber-500\/40 {
1210
+ border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
1211
+ @supports (color: color-mix(in lab, red, red)) {
1212
+ border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
1213
+ }
1214
+ }
1215
+ .border-blue-200 {
1216
+ border-color: var(--color-blue-200);
1217
+ }
1218
+ .border-blue-400 {
1219
+ border-color: var(--color-blue-400);
1220
+ }
1221
+ .border-blue-600 {
1222
+ border-color: var(--color-blue-600);
1223
+ }
1224
+ .border-gray-200 {
1225
+ border-color: var(--color-gray-200);
1226
+ }
1227
+ .border-gray-300 {
1228
+ border-color: var(--color-gray-300);
1229
+ }
1230
+ .border-green-200 {
1231
+ border-color: var(--color-green-200);
1232
+ }
1233
+ .border-primary-100 {
1234
+ border-color: var(--color-primary-100);
1235
+ }
1236
+ .border-primary-200 {
1237
+ border-color: var(--color-primary-200);
1238
+ }
1239
+ .border-primary-300 {
1240
+ border-color: var(--color-primary-300);
1241
+ }
1242
+ .border-red-200 {
1243
+ border-color: var(--color-red-200);
1244
+ }
1245
+ .border-red-400 {
1246
+ border-color: var(--color-red-400);
1247
+ }
1248
+ .border-transparent {
1249
+ border-color: transparent;
1250
+ }
1251
+ .border-white {
1252
+ border-color: var(--color-white);
1253
+ }
1254
+ .border-white\/10 {
1255
+ border-color: color-mix(in srgb, #fff 10%, transparent);
1256
+ @supports (color: color-mix(in lab, red, red)) {
1257
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1258
+ }
1259
+ }
1260
+ .bg-\(--accent\) {
1261
+ background-color: var(--accent);
1262
+ }
1263
+ .bg-\(--accent\)\/10 {
1264
+ background-color: var(--accent);
1265
+ @supports (color: color-mix(in lab, red, red)) {
1266
+ background-color: color-mix(in oklab, var(--accent) 10%, transparent);
1267
+ }
1268
+ }
1269
+ .bg-\(--accent\)\/20 {
1270
+ background-color: var(--accent);
1271
+ @supports (color: color-mix(in lab, red, red)) {
1272
+ background-color: color-mix(in oklab, var(--accent) 20%, transparent);
1273
+ }
1274
+ }
1275
+ .bg-\(--accent\)\/30 {
1276
+ background-color: var(--accent);
1277
+ @supports (color: color-mix(in lab, red, red)) {
1278
+ background-color: color-mix(in oklab, var(--accent) 30%, transparent);
1279
+ }
1280
+ }
1281
+ .bg-\(--accent\)\/70 {
1282
+ background-color: var(--accent);
1283
+ @supports (color: color-mix(in lab, red, red)) {
1284
+ background-color: color-mix(in oklab, var(--accent) 70%, transparent);
1285
+ }
1286
+ }
1287
+ .bg-\(--fe-accent\)\/15 {
1288
+ background-color: var(--fe-accent);
1289
+ @supports (color: color-mix(in lab, red, red)) {
1290
+ background-color: color-mix(in oklab, var(--fe-accent) 15%, transparent);
1291
+ }
1292
+ }
1293
+ .bg-\(--fe-badge-bg\) {
1294
+ background-color: var(--fe-badge-bg);
1295
+ }
1296
+ .bg-\(--fe-input-bg\) {
1297
+ background-color: var(--fe-input-bg);
1298
+ }
1299
+ .bg-\(--mp-bg\) {
1300
+ background-color: var(--mp-bg);
1301
+ }
1302
+ .bg-\(--mp-dock-strip\) {
1303
+ background-color: var(--mp-dock-strip);
1304
+ }
1305
+ .bg-\(--mp-surface\) {
1306
+ background-color: var(--mp-surface);
1307
+ }
1308
+ .bg-amber-50 {
1309
+ background-color: var(--color-amber-50);
1310
+ }
1311
+ .bg-amber-100 {
1312
+ background-color: var(--color-amber-100);
1313
+ }
1314
+ .bg-amber-500 {
1315
+ background-color: var(--color-amber-500);
1316
+ }
1317
+ .bg-black\/40 {
1318
+ background-color: color-mix(in srgb, #000 40%, transparent);
1319
+ @supports (color: color-mix(in lab, red, red)) {
1320
+ background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1321
+ }
1322
+ }
1323
+ .bg-black\/50 {
1324
+ background-color: color-mix(in srgb, #000 50%, transparent);
1325
+ @supports (color: color-mix(in lab, red, red)) {
1326
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1327
+ }
1328
+ }
1329
+ .bg-black\/60 {
1330
+ background-color: color-mix(in srgb, #000 60%, transparent);
1331
+ @supports (color: color-mix(in lab, red, red)) {
1332
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
1333
+ }
1334
+ }
1335
+ .bg-black\/95 {
1336
+ background-color: color-mix(in srgb, #000 95%, transparent);
1337
+ @supports (color: color-mix(in lab, red, red)) {
1338
+ background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
1339
+ }
1340
+ }
1341
+ .bg-blue-50 {
1342
+ background-color: var(--color-blue-50);
1343
+ }
1344
+ .bg-blue-50\/60 {
1345
+ background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
1346
+ @supports (color: color-mix(in lab, red, red)) {
1347
+ background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
1348
+ }
1349
+ }
1350
+ .bg-blue-100 {
1351
+ background-color: var(--color-blue-100);
1352
+ }
1353
+ .bg-blue-500 {
1354
+ background-color: var(--color-blue-500);
1355
+ }
1356
+ .bg-blue-600 {
1357
+ background-color: var(--color-blue-600);
1358
+ }
1359
+ .bg-danger-500 {
1360
+ background-color: var(--color-danger-500);
1361
+ }
1362
+ .bg-emerald-500 {
1363
+ background-color: var(--color-emerald-500);
1364
+ }
1365
+ .bg-fuchsia-500 {
1366
+ background-color: var(--color-fuchsia-500);
1367
+ }
1368
+ .bg-gray-50 {
1369
+ background-color: var(--color-gray-50);
1370
+ }
1371
+ .bg-gray-100 {
1372
+ background-color: var(--color-gray-100);
1373
+ }
1374
+ .bg-green-50 {
1375
+ background-color: var(--color-green-50);
1376
+ }
1377
+ .bg-green-100 {
1378
+ background-color: var(--color-green-100);
1379
+ }
1380
+ .bg-primary-50 {
1381
+ background-color: var(--color-primary-50);
1382
+ }
1383
+ .bg-primary-100 {
1384
+ background-color: var(--color-primary-100);
1385
+ }
1386
+ .bg-primary-200 {
1387
+ background-color: var(--color-primary-200);
1388
+ }
1389
+ .bg-primary-500 {
1390
+ background-color: var(--color-primary-500);
1391
+ }
1392
+ .bg-primary-600 {
1393
+ background-color: var(--color-primary-600);
1394
+ }
1395
+ .bg-primary-900 {
1396
+ background-color: var(--color-primary-900);
1397
+ }
1398
+ .bg-red-50 {
1399
+ background-color: var(--color-red-50);
1400
+ }
1401
+ .bg-red-100 {
1402
+ background-color: var(--color-red-100);
1403
+ }
1404
+ .bg-secondary-500 {
1405
+ background-color: var(--color-secondary-500);
1406
+ }
1407
+ .bg-transparent {
1408
+ background-color: transparent;
1409
+ }
1410
+ .bg-violet-600 {
1411
+ background-color: var(--color-violet-600);
1412
+ }
1413
+ .bg-warning-500 {
1414
+ background-color: var(--color-warning-500);
1415
+ }
1416
+ .bg-white {
1417
+ background-color: var(--color-white);
1418
+ }
1419
+ .bg-white\/6 {
1420
+ background-color: color-mix(in srgb, #fff 6%, transparent);
1421
+ @supports (color: color-mix(in lab, red, red)) {
1422
+ background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
1423
+ }
1424
+ }
1425
+ .bg-white\/10 {
1426
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1427
+ @supports (color: color-mix(in lab, red, red)) {
1428
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1429
+ }
1430
+ }
1431
+ .bg-white\/20 {
1432
+ background-color: color-mix(in srgb, #fff 20%, transparent);
1433
+ @supports (color: color-mix(in lab, red, red)) {
1434
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1435
+ }
1436
+ }
1437
+ .bg-linear-to-b {
1438
+ --tw-gradient-position: to bottom;
1439
+ @supports (background-image: linear-gradient(in lab, red, red)) {
1440
+ --tw-gradient-position: to bottom in oklab;
1441
+ }
1442
+ background-image: linear-gradient(var(--tw-gradient-stops));
1443
+ }
1444
+ .bg-linear-to-t {
1445
+ --tw-gradient-position: to top;
1446
+ @supports (background-image: linear-gradient(in lab, red, red)) {
1447
+ --tw-gradient-position: to top in oklab;
1448
+ }
1449
+ background-image: linear-gradient(var(--tw-gradient-stops));
1450
+ }
1451
+ .from-black\/70 {
1452
+ --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);
1453
+ @supports (color: color-mix(in lab, red, red)) {
1454
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
1455
+ }
1456
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1457
+ }
1458
+ .from-black\/80 {
1459
+ --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
1460
+ @supports (color: color-mix(in lab, red, red)) {
1461
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
1462
+ }
1463
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1464
+ }
1465
+ .from-black\/90 {
1466
+ --tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
1467
+ @supports (color: color-mix(in lab, red, red)) {
1468
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);
1469
+ }
1470
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1471
+ }
1472
+ .via-black\/40 {
1473
+ --tw-gradient-via: color-mix(in srgb, #000 40%, transparent);
1474
+ @supports (color: color-mix(in lab, red, red)) {
1475
+ --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);
1476
+ }
1477
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1478
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1479
+ }
1480
+ .via-black\/75 {
1481
+ --tw-gradient-via: color-mix(in srgb, #000 75%, transparent);
1482
+ @supports (color: color-mix(in lab, red, red)) {
1483
+ --tw-gradient-via: color-mix(in oklab, var(--color-black) 75%, transparent);
1484
+ }
1485
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1486
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1487
+ }
1488
+ .to-transparent {
1489
+ --tw-gradient-to: transparent;
1490
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1491
+ }
1492
+ .object-contain {
1493
+ object-fit: contain;
1494
+ }
1495
+ .object-cover {
1496
+ object-fit: cover;
1497
+ }
1498
+ .p-0 {
1499
+ padding: calc(var(--spacing) * 0);
1500
+ }
1501
+ .p-1 {
1502
+ padding: calc(var(--spacing) * 1);
1503
+ }
1504
+ .p-1\! {
1505
+ padding: calc(var(--spacing) * 1) !important;
1506
+ }
1507
+ .p-1\.5 {
1508
+ padding: calc(var(--spacing) * 1.5);
1509
+ }
1510
+ .p-2 {
1511
+ padding: calc(var(--spacing) * 2);
1512
+ }
1513
+ .p-2\.5 {
1514
+ padding: calc(var(--spacing) * 2.5);
1515
+ }
1516
+ .p-3 {
1517
+ padding: calc(var(--spacing) * 3);
1518
+ }
1519
+ .p-4 {
1520
+ padding: calc(var(--spacing) * 4);
1521
+ }
1522
+ .p-5 {
1523
+ padding: calc(var(--spacing) * 5);
1524
+ }
1525
+ .p-6 {
1526
+ padding: calc(var(--spacing) * 6);
1527
+ }
1528
+ .p-7 {
1529
+ padding: calc(var(--spacing) * 7);
1530
+ }
1531
+ .p-8 {
1532
+ padding: calc(var(--spacing) * 8);
1533
+ }
1534
+ .px-1 {
1535
+ padding-inline: calc(var(--spacing) * 1);
1536
+ }
1537
+ .px-1\.5 {
1538
+ padding-inline: calc(var(--spacing) * 1.5);
1539
+ }
1540
+ .px-2 {
1541
+ padding-inline: calc(var(--spacing) * 2);
1542
+ }
1543
+ .px-2\.5 {
1544
+ padding-inline: calc(var(--spacing) * 2.5);
1545
+ }
1546
+ .px-3 {
1547
+ padding-inline: calc(var(--spacing) * 3);
1548
+ }
1549
+ .px-4 {
1550
+ padding-inline: calc(var(--spacing) * 4);
1551
+ }
1552
+ .px-5 {
1553
+ padding-inline: calc(var(--spacing) * 5);
1554
+ }
1555
+ .px-6 {
1556
+ padding-inline: calc(var(--spacing) * 6);
1557
+ }
1558
+ .py-0\.5 {
1559
+ padding-block: calc(var(--spacing) * 0.5);
1560
+ }
1561
+ .py-1 {
1562
+ padding-block: calc(var(--spacing) * 1);
1563
+ }
1564
+ .py-1\.5 {
1565
+ padding-block: calc(var(--spacing) * 1.5);
1566
+ }
1567
+ .py-2 {
1568
+ padding-block: calc(var(--spacing) * 2);
1569
+ }
1570
+ .py-2\.5 {
1571
+ padding-block: calc(var(--spacing) * 2.5);
1572
+ }
1573
+ .py-3 {
1574
+ padding-block: calc(var(--spacing) * 3);
1575
+ }
1576
+ .pt-0\.5 {
1577
+ padding-top: calc(var(--spacing) * 0.5);
1578
+ }
1579
+ .pt-1 {
1580
+ padding-top: calc(var(--spacing) * 1);
1581
+ }
1582
+ .pt-4 {
1583
+ padding-top: calc(var(--spacing) * 4);
1584
+ }
1585
+ .pt-6 {
1586
+ padding-top: calc(var(--spacing) * 6);
1587
+ }
1588
+ .pt-8 {
1589
+ padding-top: calc(var(--spacing) * 8);
1590
+ }
1591
+ .pt-10 {
1592
+ padding-top: calc(var(--spacing) * 10);
1593
+ }
1594
+ .pt-16 {
1595
+ padding-top: calc(var(--spacing) * 16);
1596
+ }
1597
+ .pb-1\.5 {
1598
+ padding-bottom: calc(var(--spacing) * 1.5);
1599
+ }
1600
+ .pb-3 {
1601
+ padding-bottom: calc(var(--spacing) * 3);
1602
+ }
1603
+ .pb-8 {
1604
+ padding-bottom: calc(var(--spacing) * 8);
1605
+ }
1606
+ .pb-24 {
1607
+ padding-bottom: calc(var(--spacing) * 24);
1608
+ }
1609
+ .pl-2 {
1610
+ padding-left: calc(var(--spacing) * 2);
1611
+ }
1612
+ .pl-4 {
1613
+ padding-left: calc(var(--spacing) * 4);
1614
+ }
1615
+ .text-center {
1616
+ text-align: center;
1617
+ }
1618
+ .text-left {
1619
+ text-align: left;
1620
+ }
1621
+ .font-mono {
1622
+ font-family: var(--font-mono);
1623
+ }
1624
+ .text-2xl {
1625
+ font-size: var(--text-2xl);
1626
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1627
+ }
1628
+ .text-base {
1629
+ font-size: var(--text-base);
1630
+ line-height: var(--tw-leading, var(--text-base--line-height));
1631
+ }
1632
+ .text-lg {
1633
+ font-size: var(--text-lg);
1634
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1635
+ }
1636
+ .text-sm {
1637
+ font-size: var(--text-sm);
1638
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1639
+ }
1640
+ .text-xl {
1641
+ font-size: var(--text-xl);
1642
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1643
+ }
1644
+ .text-xs {
1645
+ font-size: var(--text-xs);
1646
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1647
+ }
1648
+ .text-\[8px\] {
1649
+ font-size: 8px;
1650
+ }
1651
+ .text-\[9px\] {
1652
+ font-size: 9px;
1653
+ }
1654
+ .text-\[10px\] {
1655
+ font-size: 10px;
1656
+ }
1657
+ .text-\[11px\] {
1658
+ font-size: 11px;
1659
+ }
1660
+ .leading-none {
1661
+ --tw-leading: 1;
1662
+ line-height: 1;
1663
+ }
1664
+ .leading-relaxed {
1665
+ --tw-leading: var(--leading-relaxed);
1666
+ line-height: var(--leading-relaxed);
1667
+ }
1668
+ .leading-snug {
1669
+ --tw-leading: var(--leading-snug);
1670
+ line-height: var(--leading-snug);
1671
+ }
1672
+ .leading-tight {
1673
+ --tw-leading: var(--leading-tight);
1674
+ line-height: var(--leading-tight);
1675
+ }
1676
+ .font-bold {
1677
+ --tw-font-weight: var(--font-weight-bold);
1678
+ font-weight: var(--font-weight-bold);
1679
+ }
1680
+ .font-medium {
1681
+ --tw-font-weight: var(--font-weight-medium);
1682
+ font-weight: var(--font-weight-medium);
1683
+ }
1684
+ .font-semibold {
1685
+ --tw-font-weight: var(--font-weight-semibold);
1686
+ font-weight: var(--font-weight-semibold);
1687
+ }
1688
+ .tracking-\[0\.3em\] {
1689
+ --tw-tracking: 0.3em;
1690
+ letter-spacing: 0.3em;
1691
+ }
1692
+ .tracking-\[0\.25em\] {
1693
+ --tw-tracking: 0.25em;
1694
+ letter-spacing: 0.25em;
1695
+ }
1696
+ .tracking-wide {
1697
+ --tw-tracking: var(--tracking-wide);
1698
+ letter-spacing: var(--tracking-wide);
1699
+ }
1700
+ .tracking-wider {
1701
+ --tw-tracking: var(--tracking-wider);
1702
+ letter-spacing: var(--tracking-wider);
1703
+ }
1704
+ .tracking-widest {
1705
+ --tw-tracking: var(--tracking-widest);
1706
+ letter-spacing: var(--tracking-widest);
1707
+ }
1708
+ .break-all {
1709
+ word-break: break-all;
1710
+ }
1711
+ .whitespace-nowrap {
1712
+ white-space: nowrap;
1713
+ }
1714
+ .text-\(--accent\) {
1715
+ color: var(--accent);
1716
+ }
1717
+ .text-\(--fe-accent\) {
1718
+ color: var(--fe-accent);
1719
+ }
1720
+ .text-\(--fe-accent\)\/70 {
1721
+ color: var(--fe-accent);
1722
+ @supports (color: color-mix(in lab, red, red)) {
1723
+ color: color-mix(in oklab, var(--fe-accent) 70%, transparent);
1724
+ }
1725
+ }
1726
+ .text-\(--fe-text\) {
1727
+ color: var(--fe-text);
1728
+ }
1729
+ .text-\(--fe-text-muted\) {
1730
+ color: var(--fe-text-muted);
1731
+ }
1732
+ .text-\(--fe-text-strong\) {
1733
+ color: var(--fe-text-strong);
1734
+ }
1735
+ .text-\(--mp-text\) {
1736
+ color: var(--mp-text);
1737
+ }
1738
+ .text-\(--mp-text-muted\) {
1739
+ color: var(--mp-text-muted);
1740
+ }
1741
+ .text-amber-400 {
1742
+ color: var(--color-amber-400);
1743
+ }
1744
+ .text-amber-400\/80 {
1745
+ color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
1746
+ @supports (color: color-mix(in lab, red, red)) {
1747
+ color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
1748
+ }
1749
+ }
1750
+ .text-amber-800 {
1751
+ color: var(--color-amber-800);
1752
+ }
1753
+ .text-blue-500 {
1754
+ color: var(--color-blue-500);
1755
+ }
1756
+ .text-blue-600 {
1757
+ color: var(--color-blue-600);
1758
+ }
1759
+ .text-blue-700 {
1760
+ color: var(--color-blue-700);
1761
+ }
1762
+ .text-blue-800 {
1763
+ color: var(--color-blue-800);
1764
+ }
1765
+ .text-danger-500 {
1766
+ color: var(--color-danger-500);
1767
+ }
1768
+ .text-gray-400 {
1769
+ color: var(--color-gray-400);
1770
+ }
1771
+ .text-gray-500 {
1772
+ color: var(--color-gray-500);
1773
+ }
1774
+ .text-gray-600 {
1775
+ color: var(--color-gray-600);
1776
+ }
1777
+ .text-gray-700 {
1778
+ color: var(--color-gray-700);
1779
+ }
1780
+ .text-gray-900 {
1781
+ color: var(--color-gray-900);
1782
+ }
1783
+ .text-green-500 {
1784
+ color: var(--color-green-500);
1785
+ }
1786
+ .text-green-600 {
1787
+ color: var(--color-green-600);
1788
+ }
1789
+ .text-green-800 {
1790
+ color: var(--color-green-800);
1791
+ }
1792
+ .text-primary-400 {
1793
+ color: var(--color-primary-400);
1794
+ }
1795
+ .text-primary-500 {
1796
+ color: var(--color-primary-500);
1797
+ }
1798
+ .text-primary-600 {
1799
+ color: var(--color-primary-600);
1800
+ }
1801
+ .text-primary-700 {
1802
+ color: var(--color-primary-700);
1803
+ }
1804
+ .text-primary-800 {
1805
+ color: var(--color-primary-800);
1806
+ }
1807
+ .text-primary-900 {
1808
+ color: var(--color-primary-900);
1809
+ }
1810
+ .text-purple-500 {
1811
+ color: var(--color-purple-500);
1812
+ }
1813
+ .text-red-500 {
1814
+ color: var(--color-red-500);
1815
+ }
1816
+ .text-red-600 {
1817
+ color: var(--color-red-600);
1818
+ }
1819
+ .text-red-800 {
1820
+ color: var(--color-red-800);
1821
+ }
1822
+ .text-rose-500 {
1823
+ color: var(--color-rose-500);
1824
+ }
1825
+ .text-warning-500 {
1826
+ color: var(--color-warning-500);
1827
+ }
1828
+ .text-white {
1829
+ color: var(--color-white);
1830
+ }
1831
+ .text-white\/40 {
1832
+ color: color-mix(in srgb, #fff 40%, transparent);
1833
+ @supports (color: color-mix(in lab, red, red)) {
1834
+ color: color-mix(in oklab, var(--color-white) 40%, transparent);
1835
+ }
1836
+ }
1837
+ .text-white\/50 {
1838
+ color: color-mix(in srgb, #fff 50%, transparent);
1839
+ @supports (color: color-mix(in lab, red, red)) {
1840
+ color: color-mix(in oklab, var(--color-white) 50%, transparent);
1841
+ }
1842
+ }
1843
+ .text-white\/60 {
1844
+ color: color-mix(in srgb, #fff 60%, transparent);
1845
+ @supports (color: color-mix(in lab, red, red)) {
1846
+ color: color-mix(in oklab, var(--color-white) 60%, transparent);
1847
+ }
1848
+ }
1849
+ .text-white\/70 {
1850
+ color: color-mix(in srgb, #fff 70%, transparent);
1851
+ @supports (color: color-mix(in lab, red, red)) {
1852
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
1853
+ }
1854
+ }
1855
+ .text-white\/90 {
1856
+ color: color-mix(in srgb, #fff 90%, transparent);
1857
+ @supports (color: color-mix(in lab, red, red)) {
1858
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
1859
+ }
1860
+ }
1861
+ .text-yellow-500 {
1862
+ color: var(--color-yellow-500);
1863
+ }
1864
+ .uppercase {
1865
+ text-transform: uppercase;
1866
+ }
1867
+ .italic {
1868
+ font-style: italic;
1869
+ }
1870
+ .underline {
1871
+ text-decoration-line: underline;
1872
+ }
1873
+ .accent-\(--accent\) {
1874
+ accent-color: var(--accent);
1875
+ }
1876
+ .accent-blue-600 {
1877
+ accent-color: var(--color-blue-600);
1878
+ }
1879
+ .opacity-0 {
1880
+ opacity: 0%;
1881
+ }
1882
+ .opacity-30 {
1883
+ opacity: 30%;
1884
+ }
1885
+ .opacity-40 {
1886
+ opacity: 40%;
1887
+ }
1888
+ .opacity-50 {
1889
+ opacity: 50%;
1890
+ }
1891
+ .opacity-60 {
1892
+ opacity: 60%;
1893
+ }
1894
+ .opacity-70 {
1895
+ opacity: 70%;
1896
+ }
1897
+ .opacity-90 {
1898
+ opacity: 90%;
1899
+ }
1900
+ .opacity-100 {
1901
+ opacity: 100%;
1902
+ }
1903
+ .opacity-\[0\.04\] {
1904
+ opacity: 0.04;
1905
+ }
1906
+ .opacity-\[0\.025\] {
1907
+ opacity: 0.025;
1908
+ }
1909
+ .mix-blend-multiply {
1910
+ mix-blend-mode: multiply;
1911
+ }
1912
+ .shadow {
1913
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1914
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1915
+ }
1916
+ .shadow-2xl {
1917
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1918
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1919
+ }
1920
+ .shadow-lg {
1921
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1922
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1923
+ }
1924
+ .shadow-md {
1925
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1926
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1927
+ }
1928
+ .shadow-sm {
1929
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1930
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1931
+ }
1932
+ .shadow-xl {
1933
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1934
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1935
+ }
1936
+ .ring {
1937
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1938
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1939
+ }
1940
+ .ring-1 {
1941
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1942
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1943
+ }
1944
+ .ring-2 {
1945
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1946
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1947
+ }
1948
+ .ring-\(--fe-accent\)\/30 {
1949
+ --tw-ring-color: var(--fe-accent);
1950
+ @supports (color: color-mix(in lab, red, red)) {
1951
+ --tw-ring-color: color-mix(in oklab, var(--fe-accent) 30%, transparent);
1952
+ }
1953
+ }
1954
+ .ring-primary-400 {
1955
+ --tw-ring-color: var(--color-primary-400);
1956
+ }
1957
+ .ring-white\/10 {
1958
+ --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
1959
+ @supports (color: color-mix(in lab, red, red)) {
1960
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1961
+ }
1962
+ }
1963
+ .outline {
1964
+ outline-style: var(--tw-outline-style);
1965
+ outline-width: 1px;
1966
+ }
1967
+ .blur-2xl {
1968
+ --tw-blur: blur(var(--blur-2xl));
1969
+ 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,);
1970
+ }
1971
+ .drop-shadow-md {
1972
+ --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
1973
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
1974
+ 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,);
1975
+ }
1976
+ .filter {
1977
+ 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,);
1978
+ }
1979
+ .backdrop-blur-md {
1980
+ --tw-backdrop-blur: blur(var(--blur-md));
1981
+ -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,);
1982
+ 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,);
1983
+ }
1984
+ .backdrop-blur-sm {
1985
+ --tw-backdrop-blur: blur(var(--blur-sm));
1986
+ -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,);
1987
+ 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,);
1988
+ }
1989
+ .backdrop-blur-xl {
1990
+ --tw-backdrop-blur: blur(var(--blur-xl));
1991
+ -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,);
1992
+ 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,);
1993
+ }
1994
+ .transition {
1995
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1996
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1997
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1998
+ }
1999
+ .transition-\[grid-template-rows\] {
2000
+ transition-property: grid-template-rows;
2001
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2002
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2003
+ }
2004
+ .transition-\[height\] {
2005
+ transition-property: height;
2006
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2007
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2008
+ }
2009
+ .transition-\[width\] {
2010
+ transition-property: width;
2011
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2012
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2013
+ }
2014
+ .transition-all {
2015
+ transition-property: all;
2016
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2017
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2018
+ }
2019
+ .transition-colors {
2020
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2021
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2022
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2023
+ }
2024
+ .transition-opacity {
2025
+ transition-property: opacity;
2026
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2027
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2028
+ }
2029
+ .transition-shadow {
2030
+ transition-property: box-shadow;
2031
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2032
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2033
+ }
2034
+ .transition-transform {
2035
+ transition-property: transform, translate, scale, rotate;
2036
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2037
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2038
+ }
2039
+ .duration-100 {
2040
+ --tw-duration: 100ms;
2041
+ transition-duration: 100ms;
2042
+ }
2043
+ .duration-150 {
2044
+ --tw-duration: 150ms;
2045
+ transition-duration: 150ms;
2046
+ }
2047
+ .duration-200 {
2048
+ --tw-duration: 200ms;
2049
+ transition-duration: 200ms;
2050
+ }
2051
+ .duration-300 {
2052
+ --tw-duration: 300ms;
2053
+ transition-duration: 300ms;
2054
+ }
2055
+ .duration-400 {
2056
+ --tw-duration: 400ms;
2057
+ transition-duration: 400ms;
2058
+ }
2059
+ .duration-500 {
2060
+ --tw-duration: 500ms;
2061
+ transition-duration: 500ms;
2062
+ }
2063
+ .duration-700 {
2064
+ --tw-duration: 700ms;
2065
+ transition-duration: 700ms;
2066
+ }
2067
+ .ease-in {
2068
+ --tw-ease: var(--ease-in);
2069
+ transition-timing-function: var(--ease-in);
2070
+ }
2071
+ .ease-in-out {
2072
+ --tw-ease: var(--ease-in-out);
2073
+ transition-timing-function: var(--ease-in-out);
2074
+ }
2075
+ .ease-out {
2076
+ --tw-ease: var(--ease-out);
2077
+ transition-timing-function: var(--ease-out);
2078
+ }
2079
+ .will-change-\[box-shadow\] {
2080
+ will-change: box-shadow;
2081
+ }
2082
+ .outline-none {
2083
+ --tw-outline-style: none;
2084
+ outline-style: none;
2085
+ }
2086
+ .select-none {
2087
+ -webkit-user-select: none;
2088
+ user-select: none;
2089
+ }
2090
+ .group-hover\:translate-y-0 {
2091
+ &:is(:where(.group):hover *) {
2092
+ @media (hover: hover) {
2093
+ --tw-translate-y: calc(var(--spacing) * 0);
2094
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2095
+ }
2096
+ }
2097
+ }
2098
+ .group-hover\:scale-105 {
2099
+ &:is(:where(.group):hover *) {
2100
+ @media (hover: hover) {
2101
+ --tw-scale-x: 105%;
2102
+ --tw-scale-y: 105%;
2103
+ --tw-scale-z: 105%;
2104
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2105
+ }
2106
+ }
2107
+ }
2108
+ .group-hover\:scale-110 {
2109
+ &:is(:where(.group):hover *) {
2110
+ @media (hover: hover) {
2111
+ --tw-scale-x: 110%;
2112
+ --tw-scale-y: 110%;
2113
+ --tw-scale-z: 110%;
2114
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2115
+ }
2116
+ }
2117
+ }
2118
+ .group-hover\:border-amber-600\/50 {
2119
+ &:is(:where(.group):hover *) {
2120
+ @media (hover: hover) {
2121
+ border-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 50%, transparent);
2122
+ @supports (color: color-mix(in lab, red, red)) {
2123
+ border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent);
2124
+ }
2125
+ }
2126
+ }
2127
+ }
2128
+ .group-hover\:opacity-50 {
2129
+ &:is(:where(.group):hover *) {
2130
+ @media (hover: hover) {
2131
+ opacity: 50%;
2132
+ }
2133
+ }
2134
+ }
2135
+ .group-hover\:opacity-100 {
2136
+ &:is(:where(.group):hover *) {
2137
+ @media (hover: hover) {
2138
+ opacity: 100%;
2139
+ }
2140
+ }
2141
+ }
2142
+ .group-hover\:opacity-\[0\.06\] {
2143
+ &:is(:where(.group):hover *) {
2144
+ @media (hover: hover) {
2145
+ opacity: 0.06;
2146
+ }
2147
+ }
2148
+ }
2149
+ .group-hover\:shadow-\[0_0_20px_rgba\(217\,171\,89\,0\.15\)\] {
2150
+ &:is(:where(.group):hover *) {
2151
+ @media (hover: hover) {
2152
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(217,171,89,0.15));
2153
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2154
+ }
2155
+ }
2156
+ }
2157
+ .group-hover\/seek\:opacity-100 {
2158
+ &:is(:where(.group\/seek):hover *) {
2159
+ @media (hover: hover) {
2160
+ opacity: 100%;
2161
+ }
2162
+ }
2163
+ }
2164
+ .group-hover\/vol\:w-20 {
2165
+ &:is(:where(.group\/vol):hover *) {
2166
+ @media (hover: hover) {
2167
+ width: calc(var(--spacing) * 20);
2168
+ }
2169
+ }
2170
+ }
2171
+ .placeholder\:text-\(--fe-text-muted\) {
2172
+ &::placeholder {
2173
+ color: var(--fe-text-muted);
2174
+ }
2175
+ }
2176
+ .placeholder\:text-gray-400 {
2177
+ &::placeholder {
2178
+ color: var(--color-gray-400);
2179
+ }
2180
+ }
2181
+ .after\:ml-0\.5 {
2182
+ &::after {
2183
+ content: var(--tw-content);
2184
+ margin-left: calc(var(--spacing) * 0.5);
2185
+ }
2186
+ }
2187
+ .after\:text-danger-500 {
2188
+ &::after {
2189
+ content: var(--tw-content);
2190
+ color: var(--color-danger-500);
2191
+ }
2192
+ }
2193
+ .after\:content-\[\'\*\'\] {
2194
+ &::after {
2195
+ --tw-content: '*';
2196
+ content: var(--tw-content);
2197
+ }
2198
+ }
2199
+ .focus-within\:border-blue-500 {
2200
+ &:focus-within {
2201
+ border-color: var(--color-blue-500);
2202
+ }
2203
+ }
2204
+ .focus-within\:border-red-500 {
2205
+ &:focus-within {
2206
+ border-color: var(--color-red-500);
2207
+ }
2208
+ }
2209
+ .focus-within\:ring-2 {
2210
+ &:focus-within {
2211
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2212
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2213
+ }
2214
+ }
2215
+ .focus-within\:ring-blue-500\/20 {
2216
+ &:focus-within {
2217
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2218
+ @supports (color: color-mix(in lab, red, red)) {
2219
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2220
+ }
2221
+ }
2222
+ }
2223
+ .focus-within\:ring-red-500\/20 {
2224
+ &:focus-within {
2225
+ --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
2226
+ @supports (color: color-mix(in lab, red, red)) {
2227
+ --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2228
+ }
2229
+ }
2230
+ }
2231
+ .hover\:h-1\.5 {
2232
+ &:hover {
2233
+ @media (hover: hover) {
2234
+ height: calc(var(--spacing) * 1.5);
2235
+ }
2236
+ }
2237
+ }
2238
+ .hover\:scale-110 {
2239
+ &:hover {
2240
+ @media (hover: hover) {
2241
+ --tw-scale-x: 110%;
2242
+ --tw-scale-y: 110%;
2243
+ --tw-scale-z: 110%;
2244
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2245
+ }
2246
+ }
2247
+ }
2248
+ .hover\:bg-\(--fe-surface-hover\) {
2249
+ &:hover {
2250
+ @media (hover: hover) {
2251
+ background-color: var(--fe-surface-hover);
2252
+ }
2253
+ }
2254
+ }
2255
+ .hover\:bg-\(--mp-surface-hover\) {
2256
+ &:hover {
2257
+ @media (hover: hover) {
2258
+ background-color: var(--mp-surface-hover);
2259
+ }
2260
+ }
2261
+ }
2262
+ .hover\:bg-amber-400 {
2263
+ &:hover {
2264
+ @media (hover: hover) {
2265
+ background-color: var(--color-amber-400);
2266
+ }
2267
+ }
2268
+ }
2269
+ .hover\:bg-black\/60 {
2270
+ &:hover {
2271
+ @media (hover: hover) {
2272
+ background-color: color-mix(in srgb, #000 60%, transparent);
2273
+ @supports (color: color-mix(in lab, red, red)) {
2274
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
2275
+ }
2276
+ }
2277
+ }
2278
+ }
2279
+ .hover\:bg-blue-50 {
2280
+ &:hover {
2281
+ @media (hover: hover) {
2282
+ background-color: var(--color-blue-50);
2283
+ }
2284
+ }
2285
+ }
2286
+ .hover\:bg-danger-600 {
2287
+ &:hover {
2288
+ @media (hover: hover) {
2289
+ background-color: var(--color-danger-600);
2290
+ }
2291
+ }
2292
+ }
2293
+ .hover\:bg-emerald-400 {
2294
+ &:hover {
2295
+ @media (hover: hover) {
2296
+ background-color: var(--color-emerald-400);
2297
+ }
2298
+ }
2299
+ }
2300
+ .hover\:bg-fuchsia-400 {
2301
+ &:hover {
2302
+ @media (hover: hover) {
2303
+ background-color: var(--color-fuchsia-400);
2304
+ }
2305
+ }
2306
+ }
2307
+ .hover\:bg-gray-50 {
2308
+ &:hover {
2309
+ @media (hover: hover) {
2310
+ background-color: var(--color-gray-50);
2311
+ }
2312
+ }
2313
+ }
2314
+ .hover\:bg-primary-50 {
2315
+ &:hover {
2316
+ @media (hover: hover) {
2317
+ background-color: var(--color-primary-50);
2318
+ }
2319
+ }
2320
+ }
2321
+ .hover\:bg-primary-50\/50 {
2322
+ &:hover {
2323
+ @media (hover: hover) {
2324
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2325
+ @supports (color: color-mix(in lab, red, red)) {
2326
+ background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
2327
+ }
2328
+ }
2329
+ }
2330
+ }
2331
+ .hover\:bg-primary-100 {
2332
+ &:hover {
2333
+ @media (hover: hover) {
2334
+ background-color: var(--color-primary-100);
2335
+ }
2336
+ }
2337
+ }
2338
+ .hover\:bg-primary-300 {
2339
+ &:hover {
2340
+ @media (hover: hover) {
2341
+ background-color: var(--color-primary-300);
2342
+ }
2343
+ }
2344
+ }
2345
+ .hover\:bg-primary-600 {
2346
+ &:hover {
2347
+ @media (hover: hover) {
2348
+ background-color: var(--color-primary-600);
2349
+ }
2350
+ }
2351
+ }
2352
+ .hover\:bg-red-50 {
2353
+ &:hover {
2354
+ @media (hover: hover) {
2355
+ background-color: var(--color-red-50);
2356
+ }
2357
+ }
2358
+ }
2359
+ .hover\:bg-red-500\/40\! {
2360
+ &:hover {
2361
+ @media (hover: hover) {
2362
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent) !important;
2363
+ @supports (color: color-mix(in lab, red, red)) {
2364
+ background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent) !important;
2365
+ }
2366
+ }
2367
+ }
2368
+ }
2369
+ .hover\:bg-secondary-600 {
2370
+ &:hover {
2371
+ @media (hover: hover) {
2372
+ background-color: var(--color-secondary-600);
2373
+ }
2374
+ }
2375
+ }
2376
+ .hover\:bg-violet-500 {
2377
+ &:hover {
2378
+ @media (hover: hover) {
2379
+ background-color: var(--color-violet-500);
2380
+ }
2381
+ }
2382
+ }
2383
+ .hover\:bg-warning-600 {
2384
+ &:hover {
2385
+ @media (hover: hover) {
2386
+ background-color: var(--color-warning-600);
2387
+ }
2388
+ }
2389
+ }
2390
+ .hover\:bg-white\/10 {
2391
+ &:hover {
2392
+ @media (hover: hover) {
2393
+ background-color: color-mix(in srgb, #fff 10%, transparent);
2394
+ @supports (color: color-mix(in lab, red, red)) {
2395
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2396
+ }
2397
+ }
2398
+ }
2399
+ }
2400
+ .hover\:text-\(--cp-text-strong\) {
2401
+ &:hover {
2402
+ @media (hover: hover) {
2403
+ color: var(--cp-text-strong);
2404
+ }
2405
+ }
2406
+ }
2407
+ .hover\:text-\(--fe-text-strong\) {
2408
+ &:hover {
2409
+ @media (hover: hover) {
2410
+ color: var(--fe-text-strong);
2411
+ }
2412
+ }
2413
+ }
2414
+ .hover\:text-\(--mp-text\) {
2415
+ &:hover {
2416
+ @media (hover: hover) {
2417
+ color: var(--mp-text);
2418
+ }
2419
+ }
2420
+ }
2421
+ .hover\:text-amber-300 {
2422
+ &:hover {
2423
+ @media (hover: hover) {
2424
+ color: var(--color-amber-300);
2425
+ }
2426
+ }
2427
+ }
2428
+ .hover\:text-blue-600 {
2429
+ &:hover {
2430
+ @media (hover: hover) {
2431
+ color: var(--color-blue-600);
2432
+ }
2433
+ }
2434
+ }
2435
+ .hover\:text-green-700 {
2436
+ &:hover {
2437
+ @media (hover: hover) {
2438
+ color: var(--color-green-700);
2439
+ }
2440
+ }
2441
+ }
2442
+ .hover\:text-primary-600 {
2443
+ &:hover {
2444
+ @media (hover: hover) {
2445
+ color: var(--color-primary-600);
2446
+ }
2447
+ }
2448
+ }
2449
+ .hover\:text-primary-700 {
2450
+ &:hover {
2451
+ @media (hover: hover) {
2452
+ color: var(--color-primary-700);
2453
+ }
2454
+ }
2455
+ }
2456
+ .hover\:text-primary-900 {
2457
+ &:hover {
2458
+ @media (hover: hover) {
2459
+ color: var(--color-primary-900);
2460
+ }
2461
+ }
2462
+ }
2463
+ .hover\:text-red-300\! {
2464
+ &:hover {
2465
+ @media (hover: hover) {
2466
+ color: var(--color-red-300) !important;
2467
+ }
2468
+ }
2469
+ }
2470
+ .hover\:text-red-600 {
2471
+ &:hover {
2472
+ @media (hover: hover) {
2473
+ color: var(--color-red-600);
2474
+ }
2475
+ }
2476
+ }
2477
+ .hover\:text-rose-400 {
2478
+ &:hover {
2479
+ @media (hover: hover) {
2480
+ color: var(--color-rose-400);
2481
+ }
2482
+ }
2483
+ }
2484
+ .hover\:text-rose-500 {
2485
+ &:hover {
2486
+ @media (hover: hover) {
2487
+ color: var(--color-rose-500);
2488
+ }
2489
+ }
2490
+ }
2491
+ .hover\:text-white {
2492
+ &:hover {
2493
+ @media (hover: hover) {
2494
+ color: var(--color-white);
2495
+ }
2496
+ }
2497
+ }
2498
+ .hover\:opacity-100 {
2499
+ &:hover {
2500
+ @media (hover: hover) {
2501
+ opacity: 100%;
2502
+ }
2503
+ }
2504
+ }
2505
+ .hover\:shadow-lg {
2506
+ &:hover {
2507
+ @media (hover: hover) {
2508
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2509
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2510
+ }
2511
+ }
2512
+ }
2513
+ .focus\:border-\(--fe-accent\)\/40 {
2514
+ &:focus {
2515
+ border-color: var(--fe-accent);
2516
+ @supports (color: color-mix(in lab, red, red)) {
2517
+ border-color: color-mix(in oklab, var(--fe-accent) 40%, transparent);
2518
+ }
2519
+ }
2520
+ }
2521
+ .focus\:border-blue-500 {
2522
+ &:focus {
2523
+ border-color: var(--color-blue-500);
2524
+ }
2525
+ }
2526
+ .focus\:border-red-500 {
2527
+ &:focus {
2528
+ border-color: var(--color-red-500);
2529
+ }
2530
+ }
2531
+ .focus\:bg-\(--fe-input-bg\) {
2532
+ &:focus {
2533
+ background-color: var(--fe-input-bg);
2534
+ }
2535
+ }
2536
+ .focus\:ring-1 {
2537
+ &:focus {
2538
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2539
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2540
+ }
2541
+ }
2542
+ .focus\:ring-2 {
2543
+ &:focus {
2544
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2545
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2546
+ }
2547
+ }
2548
+ .focus\:ring-blue-400 {
2549
+ &:focus {
2550
+ --tw-ring-color: var(--color-blue-400);
2551
+ }
2552
+ }
2553
+ .focus\:ring-blue-500\/20 {
2554
+ &:focus {
2555
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2556
+ @supports (color: color-mix(in lab, red, red)) {
2557
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2558
+ }
2559
+ }
2560
+ }
2561
+ .focus\:ring-red-500\/20 {
2562
+ &:focus {
2563
+ --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
2564
+ @supports (color: color-mix(in lab, red, red)) {
2565
+ --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2566
+ }
2567
+ }
2568
+ }
2569
+ .focus\:outline-none {
2570
+ &:focus {
2571
+ --tw-outline-style: none;
2572
+ outline-style: none;
2573
+ }
2574
+ }
2575
+ .focus-visible\:outline-none {
2576
+ &:focus-visible {
2577
+ --tw-outline-style: none;
2578
+ outline-style: none;
2579
+ }
2580
+ }
2581
+ .active\:scale-95 {
2582
+ &:active {
2583
+ --tw-scale-x: 95%;
2584
+ --tw-scale-y: 95%;
2585
+ --tw-scale-z: 95%;
2586
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2587
+ }
2588
+ }
2589
+ .active\:cursor-grabbing {
2590
+ &:active {
2591
+ cursor: grabbing;
2592
+ }
2593
+ }
2594
+ .active\:bg-danger-700 {
2595
+ &:active {
2596
+ background-color: var(--color-danger-700);
2597
+ }
2598
+ }
2599
+ .active\:bg-primary-200 {
2600
+ &:active {
2601
+ background-color: var(--color-primary-200);
2602
+ }
2603
+ }
2604
+ .active\:bg-primary-700 {
2605
+ &:active {
2606
+ background-color: var(--color-primary-700);
2607
+ }
2608
+ }
2609
+ .active\:bg-secondary-700 {
2610
+ &:active {
2611
+ background-color: var(--color-secondary-700);
2612
+ }
2613
+ }
2614
+ .active\:bg-warning-700 {
2615
+ &:active {
2616
+ background-color: var(--color-warning-700);
2617
+ }
2618
+ }
2619
+ .disabled\:pointer-events-none {
2620
+ &:disabled {
2621
+ pointer-events: none;
2622
+ }
2623
+ }
2624
+ .disabled\:opacity-40 {
2625
+ &:disabled {
2626
+ opacity: 40%;
2627
+ }
2628
+ }
2629
+ .disabled\:opacity-50 {
2630
+ &:disabled {
2631
+ opacity: 50%;
2632
+ }
2633
+ }
2634
+ .data-\[active\=true\]\:bg-white {
2635
+ &[data-active="true"] {
2636
+ background-color: var(--color-white);
2637
+ }
2638
+ }
2639
+ .data-\[active\=true\]\:text-primary-900 {
2640
+ &[data-active="true"] {
2641
+ color: var(--color-primary-900);
2642
+ }
2643
+ }
2644
+ .data-\[active\=true\]\:shadow-sm {
2645
+ &[data-active="true"] {
2646
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2647
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2648
+ }
2649
+ }
2650
+ .sm\:grid-cols-2 {
2651
+ @media (width >= 40rem) {
2652
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2653
+ }
2654
+ }
2655
+ .sm\:grid-cols-3 {
2656
+ @media (width >= 40rem) {
2657
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2658
+ }
2659
+ }
2660
+ .sm\:grid-cols-4 {
2661
+ @media (width >= 40rem) {
2662
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2663
+ }
2664
+ }
2665
+ .md\:block {
2666
+ @media (width >= 48rem) {
2667
+ display: block;
2668
+ }
2669
+ }
2670
+ .md\:grid-cols-4 {
2671
+ @media (width >= 48rem) {
2672
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2673
+ }
2674
+ }
2675
+ .md\:grid-cols-5 {
2676
+ @media (width >= 48rem) {
2677
+ grid-template-columns: repeat(5, minmax(0, 1fr));
2678
+ }
2679
+ }
2680
+ .lg\:inline {
2681
+ @media (width >= 64rem) {
2682
+ display: inline;
2683
+ }
2684
+ }
2685
+ .lg\:grid-cols-2 {
2686
+ @media (width >= 64rem) {
2687
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2688
+ }
2689
+ }
2690
+ .lg\:grid-cols-3 {
2691
+ @media (width >= 64rem) {
2692
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2693
+ }
2694
+ }
2695
+ .lg\:grid-cols-6 {
2696
+ @media (width >= 64rem) {
2697
+ grid-template-columns: repeat(6, minmax(0, 1fr));
2698
+ }
2699
+ }
2700
+ .dark\:divide-primary-700 {
2701
+ &:where(.dark, .dark *) {
2702
+ :where(& > :not(:last-child)) {
2703
+ border-color: var(--color-primary-700);
2704
+ }
2705
+ }
2706
+ }
2707
+ .dark\:border-amber-800 {
2708
+ &:where(.dark, .dark *) {
2709
+ border-color: var(--color-amber-800);
2710
+ }
2711
+ }
2712
+ .dark\:border-blue-500 {
2713
+ &:where(.dark, .dark *) {
2714
+ border-color: var(--color-blue-500);
2715
+ }
2716
+ }
2717
+ .dark\:border-blue-600 {
2718
+ &:where(.dark, .dark *) {
2719
+ border-color: var(--color-blue-600);
2720
+ }
2721
+ }
2722
+ .dark\:border-blue-800 {
2723
+ &:where(.dark, .dark *) {
2724
+ border-color: var(--color-blue-800);
2725
+ }
2726
+ }
2727
+ .dark\:border-gray-600 {
2728
+ &:where(.dark, .dark *) {
2729
+ border-color: var(--color-gray-600);
2730
+ }
2731
+ }
2732
+ .dark\:border-gray-700 {
2733
+ &:where(.dark, .dark *) {
2734
+ border-color: var(--color-gray-700);
2735
+ }
2736
+ }
2737
+ .dark\:border-green-800 {
2738
+ &:where(.dark, .dark *) {
2739
+ border-color: var(--color-green-800);
2740
+ }
2741
+ }
2742
+ .dark\:border-primary-600 {
2743
+ &:where(.dark, .dark *) {
2744
+ border-color: var(--color-primary-600);
2745
+ }
2746
+ }
2747
+ .dark\:border-primary-700 {
2748
+ &:where(.dark, .dark *) {
2749
+ border-color: var(--color-primary-700);
2750
+ }
2751
+ }
2752
+ .dark\:border-primary-800 {
2753
+ &:where(.dark, .dark *) {
2754
+ border-color: var(--color-primary-800);
2755
+ }
2756
+ }
2757
+ .dark\:border-red-800 {
2758
+ &:where(.dark, .dark *) {
2759
+ border-color: var(--color-red-800);
2760
+ }
2761
+ }
2762
+ .dark\:bg-\(--accent\)\/15 {
2763
+ &:where(.dark, .dark *) {
2764
+ background-color: var(--accent);
2765
+ @supports (color: color-mix(in lab, red, red)) {
2766
+ background-color: color-mix(in oklab, var(--accent) 15%, transparent);
2767
+ }
2768
+ }
2769
+ }
2770
+ .dark\:bg-amber-900\/30 {
2771
+ &:where(.dark, .dark *) {
2772
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
2773
+ @supports (color: color-mix(in lab, red, red)) {
2774
+ background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
2775
+ }
2776
+ }
2777
+ }
2778
+ .dark\:bg-amber-900\/80 {
2779
+ &:where(.dark, .dark *) {
2780
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
2781
+ @supports (color: color-mix(in lab, red, red)) {
2782
+ background-color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
2783
+ }
2784
+ }
2785
+ }
2786
+ .dark\:bg-blue-500 {
2787
+ &:where(.dark, .dark *) {
2788
+ background-color: var(--color-blue-500);
2789
+ }
2790
+ }
2791
+ .dark\:bg-blue-600 {
2792
+ &:where(.dark, .dark *) {
2793
+ background-color: var(--color-blue-600);
2794
+ }
2795
+ }
2796
+ .dark\:bg-blue-900 {
2797
+ &:where(.dark, .dark *) {
2798
+ background-color: var(--color-blue-900);
2799
+ }
2800
+ }
2801
+ .dark\:bg-blue-900\/20 {
2802
+ &:where(.dark, .dark *) {
2803
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
2804
+ @supports (color: color-mix(in lab, red, red)) {
2805
+ background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
2806
+ }
2807
+ }
2808
+ }
2809
+ .dark\:bg-blue-900\/30 {
2810
+ &:where(.dark, .dark *) {
2811
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
2812
+ @supports (color: color-mix(in lab, red, red)) {
2813
+ background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
2814
+ }
2815
+ }
2816
+ }
2817
+ .dark\:bg-blue-900\/80 {
2818
+ &:where(.dark, .dark *) {
2819
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 80%, transparent);
2820
+ @supports (color: color-mix(in lab, red, red)) {
2821
+ background-color: color-mix(in oklab, var(--color-blue-900) 80%, transparent);
2822
+ }
2823
+ }
2824
+ }
2825
+ .dark\:bg-gray-800 {
2826
+ &:where(.dark, .dark *) {
2827
+ background-color: var(--color-gray-800);
2828
+ }
2829
+ }
2830
+ .dark\:bg-gray-900 {
2831
+ &:where(.dark, .dark *) {
2832
+ background-color: var(--color-gray-900);
2833
+ }
2834
+ }
2835
+ .dark\:bg-gray-950 {
2836
+ &:where(.dark, .dark *) {
2837
+ background-color: var(--color-gray-950);
2838
+ }
2839
+ }
2840
+ .dark\:bg-green-900\/30 {
2841
+ &:where(.dark, .dark *) {
2842
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
2843
+ @supports (color: color-mix(in lab, red, red)) {
2844
+ background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
2845
+ }
2846
+ }
2847
+ }
2848
+ .dark\:bg-green-900\/80 {
2849
+ &:where(.dark, .dark *) {
2850
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 80%, transparent);
2851
+ @supports (color: color-mix(in lab, red, red)) {
2852
+ background-color: color-mix(in oklab, var(--color-green-900) 80%, transparent);
2853
+ }
2854
+ }
2855
+ }
2856
+ .dark\:bg-primary-100 {
2857
+ &:where(.dark, .dark *) {
2858
+ background-color: var(--color-primary-100);
2859
+ }
2860
+ }
2861
+ .dark\:bg-primary-400 {
2862
+ &:where(.dark, .dark *) {
2863
+ background-color: var(--color-primary-400);
2864
+ }
2865
+ }
2866
+ .dark\:bg-primary-700 {
2867
+ &:where(.dark, .dark *) {
2868
+ background-color: var(--color-primary-700);
2869
+ }
2870
+ }
2871
+ .dark\:bg-primary-700\/50 {
2872
+ &:where(.dark, .dark *) {
2873
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2874
+ @supports (color: color-mix(in lab, red, red)) {
2875
+ background-color: color-mix(in oklab, var(--color-primary-700) 50%, transparent);
2876
+ }
2877
+ }
2878
+ }
2879
+ .dark\:bg-primary-800 {
2880
+ &:where(.dark, .dark *) {
2881
+ background-color: var(--color-primary-800);
2882
+ }
2883
+ }
2884
+ .dark\:bg-primary-800\/50 {
2885
+ &:where(.dark, .dark *) {
2886
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
2887
+ @supports (color: color-mix(in lab, red, red)) {
2888
+ background-color: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
2889
+ }
2890
+ }
2891
+ }
2892
+ .dark\:bg-primary-900 {
2893
+ &:where(.dark, .dark *) {
2894
+ background-color: var(--color-primary-900);
2895
+ }
2896
+ }
2897
+ .dark\:bg-primary-900\/50 {
2898
+ &:where(.dark, .dark *) {
2899
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
2900
+ @supports (color: color-mix(in lab, red, red)) {
2901
+ background-color: color-mix(in oklab, var(--color-primary-900) 50%, transparent);
2902
+ }
2903
+ }
2904
+ }
2905
+ .dark\:bg-red-900\/30 {
2906
+ &:where(.dark, .dark *) {
2907
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
2908
+ @supports (color: color-mix(in lab, red, red)) {
2909
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
2910
+ }
2911
+ }
2912
+ }
2913
+ .dark\:bg-red-900\/80 {
2914
+ &:where(.dark, .dark *) {
2915
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 80%, transparent);
2916
+ @supports (color: color-mix(in lab, red, red)) {
2917
+ background-color: color-mix(in oklab, var(--color-red-900) 80%, transparent);
2918
+ }
2919
+ }
2920
+ }
2921
+ .dark\:text-amber-200 {
2922
+ &:where(.dark, .dark *) {
2923
+ color: var(--color-amber-200);
2924
+ }
2925
+ }
2926
+ .dark\:text-amber-400 {
2927
+ &:where(.dark, .dark *) {
2928
+ color: var(--color-amber-400);
2929
+ }
2930
+ }
2931
+ .dark\:text-blue-200 {
2932
+ &:where(.dark, .dark *) {
2933
+ color: var(--color-blue-200);
2934
+ }
2935
+ }
2936
+ .dark\:text-blue-300 {
2937
+ &:where(.dark, .dark *) {
2938
+ color: var(--color-blue-300);
2939
+ }
2940
+ }
2941
+ .dark\:text-blue-400 {
2942
+ &:where(.dark, .dark *) {
2943
+ color: var(--color-blue-400);
2944
+ }
2945
+ }
2946
+ .dark\:text-gray-100 {
2947
+ &:where(.dark, .dark *) {
2948
+ color: var(--color-gray-100);
2949
+ }
2950
+ }
2951
+ .dark\:text-gray-300 {
2952
+ &:where(.dark, .dark *) {
2953
+ color: var(--color-gray-300);
2954
+ }
2955
+ }
2956
+ .dark\:text-gray-400 {
2957
+ &:where(.dark, .dark *) {
2958
+ color: var(--color-gray-400);
2959
+ }
2960
+ }
2961
+ .dark\:text-gray-500 {
2962
+ &:where(.dark, .dark *) {
2963
+ color: var(--color-gray-500);
2964
+ }
2965
+ }
2966
+ .dark\:text-gray-600 {
2967
+ &:where(.dark, .dark *) {
2968
+ color: var(--color-gray-600);
2969
+ }
2970
+ }
2971
+ .dark\:text-green-200 {
2972
+ &:where(.dark, .dark *) {
2973
+ color: var(--color-green-200);
2974
+ }
2975
+ }
2976
+ .dark\:text-green-400 {
2977
+ &:where(.dark, .dark *) {
2978
+ color: var(--color-green-400);
2979
+ }
2980
+ }
2981
+ .dark\:text-primary-100 {
2982
+ &:where(.dark, .dark *) {
2983
+ color: var(--color-primary-100);
2984
+ }
2985
+ }
2986
+ .dark\:text-primary-200 {
2987
+ &:where(.dark, .dark *) {
2988
+ color: var(--color-primary-200);
2989
+ }
2990
+ }
2991
+ .dark\:text-primary-300 {
2992
+ &:where(.dark, .dark *) {
2993
+ color: var(--color-primary-300);
2994
+ }
2995
+ }
2996
+ .dark\:text-primary-400 {
2997
+ &:where(.dark, .dark *) {
2998
+ color: var(--color-primary-400);
2999
+ }
3000
+ }
3001
+ .dark\:text-primary-500 {
3002
+ &:where(.dark, .dark *) {
3003
+ color: var(--color-primary-500);
3004
+ }
3005
+ }
3006
+ .dark\:text-primary-900 {
3007
+ &:where(.dark, .dark *) {
3008
+ color: var(--color-primary-900);
3009
+ }
3010
+ }
3011
+ .dark\:text-red-200 {
3012
+ &:where(.dark, .dark *) {
3013
+ color: var(--color-red-200);
3014
+ }
3015
+ }
3016
+ .dark\:text-red-400 {
3017
+ &:where(.dark, .dark *) {
3018
+ color: var(--color-red-400);
3019
+ }
3020
+ }
3021
+ .dark\:placeholder\:text-gray-600 {
3022
+ &:where(.dark, .dark *) {
3023
+ &::placeholder {
3024
+ color: var(--color-gray-600);
3025
+ }
3026
+ }
3027
+ }
3028
+ .dark\:hover\:bg-blue-900\/30 {
3029
+ &:where(.dark, .dark *) {
3030
+ &:hover {
3031
+ @media (hover: hover) {
3032
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
3033
+ @supports (color: color-mix(in lab, red, red)) {
3034
+ background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
3035
+ }
3036
+ }
3037
+ }
3038
+ }
3039
+ }
3040
+ .dark\:hover\:bg-gray-700 {
3041
+ &:where(.dark, .dark *) {
3042
+ &:hover {
3043
+ @media (hover: hover) {
3044
+ background-color: var(--color-gray-700);
3045
+ }
3046
+ }
3047
+ }
3048
+ }
3049
+ .dark\:hover\:bg-primary-600 {
3050
+ &:where(.dark, .dark *) {
3051
+ &:hover {
3052
+ @media (hover: hover) {
3053
+ background-color: var(--color-primary-600);
3054
+ }
3055
+ }
3056
+ }
3057
+ }
3058
+ .dark\:hover\:bg-primary-700\/50 {
3059
+ &:where(.dark, .dark *) {
3060
+ &:hover {
3061
+ @media (hover: hover) {
3062
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
3063
+ @supports (color: color-mix(in lab, red, red)) {
3064
+ background-color: color-mix(in oklab, var(--color-primary-700) 50%, transparent);
3065
+ }
3066
+ }
3067
+ }
3068
+ }
3069
+ }
3070
+ .dark\:hover\:bg-primary-800 {
3071
+ &:where(.dark, .dark *) {
3072
+ &:hover {
3073
+ @media (hover: hover) {
3074
+ background-color: var(--color-primary-800);
3075
+ }
3076
+ }
3077
+ }
3078
+ }
3079
+ .dark\:hover\:bg-primary-800\/30 {
3080
+ &:where(.dark, .dark *) {
3081
+ &:hover {
3082
+ @media (hover: hover) {
3083
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
3084
+ @supports (color: color-mix(in lab, red, red)) {
3085
+ background-color: color-mix(in oklab, var(--color-primary-800) 30%, transparent);
3086
+ }
3087
+ }
3088
+ }
3089
+ }
3090
+ }
3091
+ .dark\:hover\:bg-primary-800\/50 {
3092
+ &:where(.dark, .dark *) {
3093
+ &:hover {
3094
+ @media (hover: hover) {
3095
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
3096
+ @supports (color: color-mix(in lab, red, red)) {
3097
+ background-color: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
3098
+ }
3099
+ }
3100
+ }
3101
+ }
3102
+ }
3103
+ .dark\:hover\:bg-red-900\/20 {
3104
+ &:where(.dark, .dark *) {
3105
+ &:hover {
3106
+ @media (hover: hover) {
3107
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
3108
+ @supports (color: color-mix(in lab, red, red)) {
3109
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
3110
+ }
3111
+ }
3112
+ }
3113
+ }
3114
+ }
3115
+ .dark\:hover\:text-blue-400 {
3116
+ &:where(.dark, .dark *) {
3117
+ &:hover {
3118
+ @media (hover: hover) {
3119
+ color: var(--color-blue-400);
3120
+ }
3121
+ }
3122
+ }
3123
+ }
3124
+ .dark\:hover\:text-primary-100 {
3125
+ &:where(.dark, .dark *) {
3126
+ &:hover {
3127
+ @media (hover: hover) {
3128
+ color: var(--color-primary-100);
3129
+ }
3130
+ }
3131
+ }
3132
+ }
3133
+ .dark\:hover\:text-primary-200 {
3134
+ &:where(.dark, .dark *) {
3135
+ &:hover {
3136
+ @media (hover: hover) {
3137
+ color: var(--color-primary-200);
3138
+ }
3139
+ }
3140
+ }
3141
+ }
3142
+ .dark\:hover\:text-primary-300 {
3143
+ &:where(.dark, .dark *) {
3144
+ &:hover {
3145
+ @media (hover: hover) {
3146
+ color: var(--color-primary-300);
3147
+ }
3148
+ }
3149
+ }
3150
+ }
3151
+ .dark\:hover\:shadow-primary-900\/60 {
3152
+ &:where(.dark, .dark *) {
3153
+ &:hover {
3154
+ @media (hover: hover) {
3155
+ --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
3156
+ @supports (color: color-mix(in lab, red, red)) {
3157
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-900) 60%, transparent) var(--tw-shadow-alpha), transparent);
3158
+ }
3159
+ }
3160
+ }
3161
+ }
3162
+ }
3163
+ .dark\:data-\[active\=true\]\:bg-primary-700 {
3164
+ &:where(.dark, .dark *) {
3165
+ &[data-active="true"] {
3166
+ background-color: var(--color-primary-700);
3167
+ }
3168
+ }
3169
+ }
3170
+ .dark\:data-\[active\=true\]\:text-primary-100 {
3171
+ &:where(.dark, .dark *) {
3172
+ &[data-active="true"] {
3173
+ color: var(--color-primary-100);
3174
+ }
3175
+ }
3176
+ }
3177
+ .\[\&_svg\]\:h-3 {
3178
+ & svg {
3179
+ height: calc(var(--spacing) * 3);
3180
+ }
3181
+ }
3182
+ .\[\&_svg\]\:h-3\.5 {
3183
+ & svg {
3184
+ height: calc(var(--spacing) * 3.5);
3185
+ }
3186
+ }
3187
+ .\[\&_svg\]\:h-4 {
3188
+ & svg {
3189
+ height: calc(var(--spacing) * 4);
3190
+ }
3191
+ }
3192
+ .\[\&_svg\]\:h-5 {
3193
+ & svg {
3194
+ height: calc(var(--spacing) * 5);
3195
+ }
3196
+ }
3197
+ .\[\&_svg\]\:w-3 {
3198
+ & svg {
3199
+ width: calc(var(--spacing) * 3);
3200
+ }
3201
+ }
3202
+ .\[\&_svg\]\:w-3\.5 {
3203
+ & svg {
3204
+ width: calc(var(--spacing) * 3.5);
3205
+ }
3206
+ }
3207
+ .\[\&_svg\]\:w-4 {
3208
+ & svg {
3209
+ width: calc(var(--spacing) * 4);
3210
+ }
3211
+ }
3212
+ .\[\&_svg\]\:w-5 {
3213
+ & svg {
3214
+ width: calc(var(--spacing) * 5);
3215
+ }
3216
+ }
3217
+ .\[\&_svg\]\:shrink-0 {
3218
+ & svg {
3219
+ flex-shrink: 0;
3220
+ }
3221
+ }
3222
+ .\[\&_tbody_tr\:nth-child\(even\)\]\:bg-primary-50 {
3223
+ & tbody tr:nth-child(even) {
3224
+ background-color: var(--color-primary-50);
3225
+ }
3226
+ }
3227
+ .dark\:\[\&_tbody_tr\:nth-child\(even\)\]\:bg-primary-800\/30 {
3228
+ &:where(.dark, .dark *) {
3229
+ & tbody tr:nth-child(even) {
3230
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
3231
+ @supports (color: color-mix(in lab, red, red)) {
3232
+ background-color: color-mix(in oklab, var(--color-primary-800) 30%, transparent);
3233
+ }
3234
+ }
3235
+ }
3236
+ }
3237
+ .\[\&_td\]\:border {
3238
+ & td {
3239
+ border-style: var(--tw-border-style);
3240
+ border-width: 1px;
3241
+ }
3242
+ }
3243
+ .\[\&_td\]\:border-primary-200 {
3244
+ & td {
3245
+ border-color: var(--color-primary-200);
3246
+ }
3247
+ }
3248
+ .dark\:\[\&_td\]\:border-primary-700 {
3249
+ &:where(.dark, .dark *) {
3250
+ & td {
3251
+ border-color: var(--color-primary-700);
3252
+ }
3253
+ }
3254
+ }
3255
+ .\[\&_th\]\:border {
3256
+ & th {
3257
+ border-style: var(--tw-border-style);
3258
+ border-width: 1px;
3259
+ }
3260
+ }
3261
+ .\[\&_th\]\:border-primary-200 {
3262
+ & th {
3263
+ border-color: var(--color-primary-200);
3264
+ }
3265
+ }
3266
+ .dark\:\[\&_th\]\:border-primary-700 {
3267
+ &:where(.dark, .dark *) {
3268
+ & th {
3269
+ border-color: var(--color-primary-700);
3270
+ }
3271
+ }
3272
+ }
3273
+ .\[\&_tr\:last-child\]\:border-0 {
3274
+ & tr:last-child {
3275
+ border-style: var(--tw-border-style);
3276
+ border-width: 0px;
3277
+ }
3278
+ }
3279
+ .\[\&\>li\]\:rounded-md {
3280
+ &>li {
3281
+ border-radius: var(--radius-md);
3282
+ }
3283
+ }
3284
+ .\[\&\>li\]\:px-3 {
3285
+ &>li {
3286
+ padding-inline: calc(var(--spacing) * 3);
3287
+ }
3288
+ }
3289
+ .\[\&\>li\]\:px-4 {
3290
+ &>li {
3291
+ padding-inline: calc(var(--spacing) * 4);
3292
+ }
3293
+ }
3294
+ .\[\&\>li\]\:py-2 {
3295
+ &>li {
3296
+ padding-block: calc(var(--spacing) * 2);
3297
+ }
3298
+ }
3299
+ .\[\&\>li\]\:transition-colors {
3300
+ &>li {
3301
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3302
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3303
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3304
+ }
3305
+ }
3306
+ .\[\&\>li\:hover\]\:bg-primary-50 {
3307
+ &>li:hover {
3308
+ background-color: var(--color-primary-50);
3309
+ }
3310
+ }
3311
+ .dark\:\[\&\>li\:hover\]\:bg-primary-800\/50 {
3312
+ &:where(.dark, .dark *) {
3313
+ &>li:hover {
3314
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
3315
+ @supports (color: color-mix(in lab, red, red)) {
3316
+ background-color: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
3317
+ }
3318
+ }
3319
+ }
3320
+ }
3321
+ .\[\&\>svg\]\:shrink-0 {
3322
+ &>svg {
3323
+ flex-shrink: 0;
3324
+ }
3325
+ }
3326
+ }
3327
+ @keyframes fade-in {
3328
+ from {
3329
+ opacity: 0;
3330
+ }
3331
+ to {
3332
+ opacity: 1;
3333
+ }
3334
+ }
3335
+ @keyframes scale-in {
3336
+ from {
3337
+ opacity: 0;
3338
+ transform: scale(0.95);
3339
+ }
3340
+ to {
3341
+ opacity: 1;
3342
+ transform: scale(1);
3343
+ }
3344
+ }
3345
+ @keyframes slide-in-right {
3346
+ from {
3347
+ opacity: 0;
3348
+ transform: translateX(100%);
3349
+ }
3350
+ to {
3351
+ opacity: 1;
3352
+ transform: translateX(0);
3353
+ }
3354
+ }
3355
+ @keyframes slide-in-left {
3356
+ from {
3357
+ opacity: 0;
3358
+ transform: translateX(-100%);
3359
+ }
3360
+ to {
3361
+ opacity: 1;
3362
+ transform: translateX(0);
3363
+ }
3364
+ }
3365
+ @keyframes slide-in-top {
3366
+ from {
3367
+ opacity: 0;
3368
+ transform: translateY(-100%);
3369
+ }
3370
+ to {
3371
+ opacity: 1;
3372
+ transform: translateY(0);
3373
+ }
3374
+ }
3375
+ @keyframes slide-in-bottom {
3376
+ from {
3377
+ opacity: 0;
3378
+ transform: translateY(100%);
3379
+ }
3380
+ to {
3381
+ opacity: 1;
3382
+ transform: translateY(0);
3383
+ }
3384
+ }
3385
+ @keyframes light-sweep {
3386
+ 0% {
3387
+ transform: translateX(-100%) skewX(-15deg);
3388
+ }
3389
+ 100% {
3390
+ transform: translateX(200%) skewX(-15deg);
3391
+ }
3392
+ }
3393
+ @keyframes film-grain-shift {
3394
+ 0%, 100% {
3395
+ transform: translate(0, 0);
3396
+ }
3397
+ 20% {
3398
+ transform: translate(-2%, 3%);
3399
+ }
3400
+ 40% {
3401
+ transform: translate(3%, -2%);
3402
+ }
3403
+ 60% {
3404
+ transform: translate(-1%, -3%);
3405
+ }
3406
+ 80% {
3407
+ transform: translate(2%, 2%);
3408
+ }
3409
+ }
3410
+ @keyframes lightbox-backdrop-in {
3411
+ from {
3412
+ opacity: 0;
3413
+ }
3414
+ to {
3415
+ opacity: 1;
3416
+ }
3417
+ }
3418
+ @keyframes lightbox-photo-in {
3419
+ from {
3420
+ opacity: 0;
3421
+ transform: scale(0.88);
3422
+ }
3423
+ to {
3424
+ opacity: 1;
3425
+ transform: scale(1);
3426
+ }
3427
+ }
3428
+ @keyframes reveal-up {
3429
+ from {
3430
+ opacity: 0;
3431
+ transform: translateY(12px);
3432
+ }
3433
+ to {
3434
+ opacity: 1;
3435
+ transform: translateY(0);
3436
+ }
3437
+ }
3438
+ @keyframes mp-enter-bottom {
3439
+ from {
3440
+ opacity: 0;
3441
+ transform: translateY(100%) scale(0.92);
3442
+ }
3443
+ to {
3444
+ opacity: 1;
3445
+ transform: translateY(0) scale(1);
3446
+ }
3447
+ }
3448
+ @keyframes mp-exit-bottom {
3449
+ from {
3450
+ opacity: 1;
3451
+ transform: translateY(0) scale(1);
3452
+ }
3453
+ to {
3454
+ opacity: 0;
3455
+ transform: translateY(100%) scale(0.92);
3456
+ }
3457
+ }
3458
+ @keyframes mp-enter-top {
3459
+ from {
3460
+ opacity: 0;
3461
+ transform: translateY(-100%) scale(0.92);
3462
+ }
3463
+ to {
3464
+ opacity: 1;
3465
+ transform: translateY(0) scale(1);
3466
+ }
3467
+ }
3468
+ @keyframes mp-exit-top {
3469
+ from {
3470
+ opacity: 1;
3471
+ transform: translateY(0) scale(1);
3472
+ }
3473
+ to {
3474
+ opacity: 0;
3475
+ transform: translateY(-100%) scale(0.92);
3476
+ }
3477
+ }
3478
+ @keyframes mp-enter-left {
3479
+ from {
3480
+ opacity: 0;
3481
+ transform: translateX(-100%) scale(0.92);
3482
+ }
3483
+ to {
3484
+ opacity: 1;
3485
+ transform: translateX(0) scale(1);
3486
+ }
3487
+ }
3488
+ @keyframes mp-exit-left {
3489
+ from {
3490
+ opacity: 1;
3491
+ transform: translateX(0) scale(1);
3492
+ }
3493
+ to {
3494
+ opacity: 0;
3495
+ transform: translateX(-100%) scale(0.92);
3496
+ }
3497
+ }
3498
+ @keyframes mp-enter-right {
3499
+ from {
3500
+ opacity: 0;
3501
+ transform: translateX(100%) scale(0.92);
3502
+ }
3503
+ to {
3504
+ opacity: 1;
3505
+ transform: translateX(0) scale(1);
3506
+ }
3507
+ }
3508
+ @keyframes mp-exit-right {
3509
+ from {
3510
+ opacity: 1;
3511
+ transform: translateX(0) scale(1);
3512
+ }
3513
+ to {
3514
+ opacity: 0;
3515
+ transform: translateX(100%) scale(0.92);
3516
+ }
3517
+ }
3518
+ @keyframes mp-vinyl-spin {
3519
+ from {
3520
+ transform: rotate(0deg);
3521
+ }
3522
+ to {
3523
+ transform: rotate(360deg);
3524
+ }
3525
+ }
3526
+ @keyframes mp-pulse-ring {
3527
+ 0% {
3528
+ transform: scale(1);
3529
+ opacity: 0.5;
3530
+ }
3531
+ 70% {
3532
+ transform: scale(1.25);
3533
+ opacity: 0;
3534
+ }
3535
+ 100% {
3536
+ transform: scale(1.25);
3537
+ opacity: 0;
3538
+ }
3539
+ }
3540
+ @keyframes mp-progress-glow {
3541
+ 0%, 100% {
3542
+ filter: brightness(1);
3543
+ }
3544
+ 50% {
3545
+ filter: brightness(1.4);
3546
+ }
3547
+ }
3548
+ @keyframes mp-eq-bar {
3549
+ 0% {
3550
+ transform: scaleY(0.3);
3551
+ }
3552
+ 100% {
3553
+ transform: scaleY(1);
3554
+ }
3555
+ }
3556
+ @keyframes cp-controls-up {
3557
+ from {
3558
+ transform: translateY(100%);
3559
+ opacity: 0;
3560
+ }
3561
+ to {
3562
+ transform: translateY(0);
3563
+ opacity: 1;
3564
+ }
3565
+ }
3566
+ @keyframes cp-curtain-open {
3567
+ from {
3568
+ clip-path: inset(0 50% 0 50%);
3569
+ opacity: 0;
3570
+ }
3571
+ to {
3572
+ clip-path: inset(0 0 0 0);
3573
+ opacity: 1;
3574
+ }
3575
+ }
3576
+ @keyframes cp-curtain-close {
3577
+ from {
3578
+ clip-path: inset(0 0 0 0);
3579
+ opacity: 1;
3580
+ }
3581
+ to {
3582
+ clip-path: inset(0 50% 0 50%);
3583
+ opacity: 0;
3584
+ }
3585
+ }
3586
+ @keyframes cp-cinema-in {
3587
+ from {
3588
+ background: rgba(0,0,0,0);
3589
+ }
3590
+ to {
3591
+ background: rgba(0,0,0,0.92);
3592
+ }
3593
+ }
3594
+ @keyframes cp-cinema-out {
3595
+ from {
3596
+ background: rgba(0,0,0,0.92);
3597
+ }
3598
+ to {
3599
+ background: rgba(0,0,0,0);
3600
+ }
3601
+ }
3602
+ @keyframes cp-playlist-in {
3603
+ from {
3604
+ transform: translateX(100%);
3605
+ opacity: 0;
3606
+ }
3607
+ to {
3608
+ transform: translateX(0);
3609
+ opacity: 1;
3610
+ }
3611
+ }
3612
+ @keyframes cp-playlist-out {
3613
+ from {
3614
+ transform: translateX(0);
3615
+ opacity: 1;
3616
+ }
3617
+ to {
3618
+ transform: translateX(100%);
3619
+ opacity: 0;
3620
+ }
3621
+ }
3622
+ @keyframes cp-track-transition {
3623
+ 0% {
3624
+ filter: brightness(0);
3625
+ transform: scale(1.05);
3626
+ }
3627
+ 50% {
3628
+ filter: brightness(0);
3629
+ }
3630
+ 100% {
3631
+ filter: brightness(1);
3632
+ transform: scale(1);
3633
+ }
3634
+ }
3635
+ @keyframes cp-volume-wave {
3636
+ 0% {
3637
+ transform: scaleX(0);
3638
+ opacity: 1;
3639
+ }
3640
+ 100% {
3641
+ transform: scaleX(1);
3642
+ opacity: 0;
3643
+ }
3644
+ }
3645
+ :root {
3646
+ --cp-bg: #000000;
3647
+ --cp-panel-bg: rgba(0,0,0,0.85);
3648
+ --cp-text: rgba(255,255,255,0.75);
3649
+ --cp-text-muted: rgba(255,255,255,0.50);
3650
+ --cp-text-strong: #ffffff;
3651
+ --cp-border: rgba(255,255,255,0.10);
3652
+ --cp-surface: rgba(255,255,255,0.05);
3653
+ --cp-surface-hover: rgba(255,255,255,0.10);
3654
+ --cp-overlay: rgba(0,0,0,0.30);
3655
+ --cp-seek-track: rgba(255,255,255,0.20);
3656
+ --cp-seek-buffer: rgba(255,255,255,0.15);
3657
+ }
3658
+ :root {
3659
+ --mp-bg: rgba(255,255,255,0.90);
3660
+ --mp-text: var(--color-primary-900);
3661
+ --mp-text-muted: var(--color-primary-500);
3662
+ --mp-border: rgba(148,163,184,0.60);
3663
+ --mp-surface: rgba(148,163,184,0.50);
3664
+ --mp-surface-hover: rgba(241,245,249,0.60);
3665
+ --mp-dock-strip: rgba(148,163,184,0.40);
3666
+ }
3667
+ .dark {
3668
+ --mp-bg: rgba(26,22,37,0.95);
3669
+ --mp-text: #ffffff;
3670
+ --mp-text-muted: rgba(255,255,255,0.50);
3671
+ --mp-border: rgba(255,255,255,0.10);
3672
+ --mp-surface: rgba(255,255,255,0.10);
3673
+ --mp-surface-hover: rgba(255,255,255,0.05);
3674
+ --mp-dock-strip: rgba(255,255,255,0.20);
3675
+ }
3676
+ :root {
3677
+ --fe-bg: linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,248,252,0.98));
3678
+ --fe-shadow: 0 4px 30px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.04);
3679
+ --fe-text: var(--color-primary-600);
3680
+ --fe-text-strong: var(--color-primary-900);
3681
+ --fe-text-muted: var(--color-primary-400);
3682
+ --fe-border: rgba(0,0,0,0.06);
3683
+ --fe-surface: rgba(0,0,0,0.015);
3684
+ --fe-surface-hover: rgba(0,0,0,0.04);
3685
+ --fe-input-bg: var(--color-primary-50);
3686
+ --fe-input-border: var(--color-primary-200);
3687
+ --fe-btn-color: rgba(0,0,0,0.45);
3688
+ --fe-btn-hover: rgba(0,0,0,0.80);
3689
+ --fe-btn-hover-bg: rgba(0,0,0,0.06);
3690
+ --fe-badge-bg: var(--color-primary-100);
3691
+ --fe-dock-bg: linear-gradient(135deg, var(--fe-accent, #8b5cf6), rgba(255,255,255,0.95));
3692
+ @supports (color: color-mix(in lab, red, red)) {
3693
+ --fe-dock-bg: linear-gradient(135deg, color-mix(in srgb, var(--fe-accent, #8b5cf6) 12%, white), rgba(255,255,255,0.95));
3694
+ }
3695
+ --fe-dock-shadow: 0 0 15px var(--fe-accent, #8b5cf6);
3696
+ @supports (color: color-mix(in lab, red, red)) {
3697
+ --fe-dock-shadow: 0 0 15px color-mix(in srgb, var(--fe-accent, #8b5cf6) 15%, transparent);
3698
+ }
3699
+ }
3700
+ .dark {
3701
+ --fe-bg: linear-gradient(145deg, rgba(10,10,18,0.97), rgba(15,12,28,0.98));
3702
+ --fe-shadow: 0 4px 60px rgba(0,0,0,0.50), 0 0 1px var(--fe-accent, #8b5cf6), inset 0 1px 0 rgba(255,255,255,0.05);
3703
+ --fe-text: rgba(255,255,255,0.70);
3704
+ --fe-text-strong: #ffffff;
3705
+ --fe-text-muted: rgba(255,255,255,0.30);
3706
+ --fe-border: rgba(255,255,255,0.06);
3707
+ --fe-surface: rgba(255,255,255,0.02);
3708
+ --fe-surface-hover: rgba(255,255,255,0.06);
3709
+ --fe-input-bg: rgba(255,255,255,0.05);
3710
+ --fe-input-border: rgba(255,255,255,0.08);
3711
+ --fe-btn-color: rgba(255,255,255,0.50);
3712
+ --fe-btn-hover: rgba(255,255,255,0.90);
3713
+ --fe-btn-hover-bg: rgba(255,255,255,0.08);
3714
+ --fe-badge-bg: rgba(255,255,255,0.05);
3715
+ --fe-dock-bg: linear-gradient(135deg, var(--fe-accent, #8b5cf6), rgba(0,0,0,0.85));
3716
+ @supports (color: color-mix(in lab, red, red)) {
3717
+ --fe-dock-bg: linear-gradient(135deg, color-mix(in srgb, var(--fe-accent, #8b5cf6) 20%, black), rgba(0,0,0,0.85));
3718
+ }
3719
+ --fe-dock-shadow: 0 0 20px var(--fe-accent, #8b5cf6);
3720
+ @supports (color: color-mix(in lab, red, red)) {
3721
+ --fe-dock-shadow: 0 0 20px color-mix(in srgb, var(--fe-accent, #8b5cf6) 30%, transparent);
3722
+ }
3723
+ }
3724
+ @property --tw-translate-x {
3725
+ syntax: "*";
3726
+ inherits: false;
3727
+ initial-value: 0;
3728
+ }
3729
+ @property --tw-translate-y {
3730
+ syntax: "*";
3731
+ inherits: false;
3732
+ initial-value: 0;
3733
+ }
3734
+ @property --tw-translate-z {
3735
+ syntax: "*";
3736
+ inherits: false;
3737
+ initial-value: 0;
3738
+ }
3739
+ @property --tw-scale-x {
3740
+ syntax: "*";
3741
+ inherits: false;
3742
+ initial-value: 1;
3743
+ }
3744
+ @property --tw-scale-y {
3745
+ syntax: "*";
3746
+ inherits: false;
3747
+ initial-value: 1;
3748
+ }
3749
+ @property --tw-scale-z {
3750
+ syntax: "*";
3751
+ inherits: false;
3752
+ initial-value: 1;
3753
+ }
3754
+ @property --tw-rotate-x {
3755
+ syntax: "*";
3756
+ inherits: false;
3757
+ }
3758
+ @property --tw-rotate-y {
3759
+ syntax: "*";
3760
+ inherits: false;
3761
+ }
3762
+ @property --tw-rotate-z {
3763
+ syntax: "*";
3764
+ inherits: false;
3765
+ }
3766
+ @property --tw-skew-x {
3767
+ syntax: "*";
3768
+ inherits: false;
3769
+ }
3770
+ @property --tw-skew-y {
3771
+ syntax: "*";
3772
+ inherits: false;
3773
+ }
3774
+ @property --tw-space-y-reverse {
3775
+ syntax: "*";
3776
+ inherits: false;
3777
+ initial-value: 0;
3778
+ }
3779
+ @property --tw-divide-y-reverse {
3780
+ syntax: "*";
3781
+ inherits: false;
3782
+ initial-value: 0;
3783
+ }
3784
+ @property --tw-border-style {
3785
+ syntax: "*";
3786
+ inherits: false;
3787
+ initial-value: solid;
3788
+ }
3789
+ @property --tw-gradient-position {
3790
+ syntax: "*";
3791
+ inherits: false;
3792
+ }
3793
+ @property --tw-gradient-from {
3794
+ syntax: "<color>";
3795
+ inherits: false;
3796
+ initial-value: #0000;
3797
+ }
3798
+ @property --tw-gradient-via {
3799
+ syntax: "<color>";
3800
+ inherits: false;
3801
+ initial-value: #0000;
3802
+ }
3803
+ @property --tw-gradient-to {
3804
+ syntax: "<color>";
3805
+ inherits: false;
3806
+ initial-value: #0000;
3807
+ }
3808
+ @property --tw-gradient-stops {
3809
+ syntax: "*";
3810
+ inherits: false;
3811
+ }
3812
+ @property --tw-gradient-via-stops {
3813
+ syntax: "*";
3814
+ inherits: false;
3815
+ }
3816
+ @property --tw-gradient-from-position {
3817
+ syntax: "<length-percentage>";
3818
+ inherits: false;
3819
+ initial-value: 0%;
3820
+ }
3821
+ @property --tw-gradient-via-position {
3822
+ syntax: "<length-percentage>";
3823
+ inherits: false;
3824
+ initial-value: 50%;
3825
+ }
3826
+ @property --tw-gradient-to-position {
3827
+ syntax: "<length-percentage>";
3828
+ inherits: false;
3829
+ initial-value: 100%;
3830
+ }
3831
+ @property --tw-leading {
3832
+ syntax: "*";
3833
+ inherits: false;
3834
+ }
3835
+ @property --tw-font-weight {
3836
+ syntax: "*";
3837
+ inherits: false;
3838
+ }
3839
+ @property --tw-tracking {
3840
+ syntax: "*";
3841
+ inherits: false;
3842
+ }
3843
+ @property --tw-shadow {
3844
+ syntax: "*";
3845
+ inherits: false;
3846
+ initial-value: 0 0 #0000;
3847
+ }
3848
+ @property --tw-shadow-color {
3849
+ syntax: "*";
3850
+ inherits: false;
3851
+ }
3852
+ @property --tw-shadow-alpha {
3853
+ syntax: "<percentage>";
3854
+ inherits: false;
3855
+ initial-value: 100%;
3856
+ }
3857
+ @property --tw-inset-shadow {
3858
+ syntax: "*";
3859
+ inherits: false;
3860
+ initial-value: 0 0 #0000;
3861
+ }
3862
+ @property --tw-inset-shadow-color {
3863
+ syntax: "*";
3864
+ inherits: false;
3865
+ }
3866
+ @property --tw-inset-shadow-alpha {
3867
+ syntax: "<percentage>";
3868
+ inherits: false;
3869
+ initial-value: 100%;
3870
+ }
3871
+ @property --tw-ring-color {
3872
+ syntax: "*";
3873
+ inherits: false;
3874
+ }
3875
+ @property --tw-ring-shadow {
3876
+ syntax: "*";
3877
+ inherits: false;
3878
+ initial-value: 0 0 #0000;
3879
+ }
3880
+ @property --tw-inset-ring-color {
3881
+ syntax: "*";
3882
+ inherits: false;
3883
+ }
3884
+ @property --tw-inset-ring-shadow {
3885
+ syntax: "*";
3886
+ inherits: false;
3887
+ initial-value: 0 0 #0000;
3888
+ }
3889
+ @property --tw-ring-inset {
3890
+ syntax: "*";
3891
+ inherits: false;
3892
+ }
3893
+ @property --tw-ring-offset-width {
3894
+ syntax: "<length>";
3895
+ inherits: false;
3896
+ initial-value: 0px;
3897
+ }
3898
+ @property --tw-ring-offset-color {
3899
+ syntax: "*";
3900
+ inherits: false;
3901
+ initial-value: #fff;
3902
+ }
3903
+ @property --tw-ring-offset-shadow {
3904
+ syntax: "*";
3905
+ inherits: false;
3906
+ initial-value: 0 0 #0000;
3907
+ }
3908
+ @property --tw-outline-style {
3909
+ syntax: "*";
3910
+ inherits: false;
3911
+ initial-value: solid;
3912
+ }
3913
+ @property --tw-blur {
3914
+ syntax: "*";
3915
+ inherits: false;
3916
+ }
3917
+ @property --tw-brightness {
3918
+ syntax: "*";
3919
+ inherits: false;
3920
+ }
3921
+ @property --tw-contrast {
3922
+ syntax: "*";
3923
+ inherits: false;
3924
+ }
3925
+ @property --tw-grayscale {
3926
+ syntax: "*";
3927
+ inherits: false;
3928
+ }
3929
+ @property --tw-hue-rotate {
3930
+ syntax: "*";
3931
+ inherits: false;
3932
+ }
3933
+ @property --tw-invert {
3934
+ syntax: "*";
3935
+ inherits: false;
3936
+ }
3937
+ @property --tw-opacity {
3938
+ syntax: "*";
3939
+ inherits: false;
3940
+ }
3941
+ @property --tw-saturate {
3942
+ syntax: "*";
3943
+ inherits: false;
3944
+ }
3945
+ @property --tw-sepia {
3946
+ syntax: "*";
3947
+ inherits: false;
3948
+ }
3949
+ @property --tw-drop-shadow {
3950
+ syntax: "*";
3951
+ inherits: false;
3952
+ }
3953
+ @property --tw-drop-shadow-color {
3954
+ syntax: "*";
3955
+ inherits: false;
3956
+ }
3957
+ @property --tw-drop-shadow-alpha {
3958
+ syntax: "<percentage>";
3959
+ inherits: false;
3960
+ initial-value: 100%;
3961
+ }
3962
+ @property --tw-drop-shadow-size {
3963
+ syntax: "*";
3964
+ inherits: false;
3965
+ }
3966
+ @property --tw-backdrop-blur {
3967
+ syntax: "*";
3968
+ inherits: false;
3969
+ }
3970
+ @property --tw-backdrop-brightness {
3971
+ syntax: "*";
3972
+ inherits: false;
3973
+ }
3974
+ @property --tw-backdrop-contrast {
3975
+ syntax: "*";
3976
+ inherits: false;
3977
+ }
3978
+ @property --tw-backdrop-grayscale {
3979
+ syntax: "*";
3980
+ inherits: false;
3981
+ }
3982
+ @property --tw-backdrop-hue-rotate {
3983
+ syntax: "*";
3984
+ inherits: false;
3985
+ }
3986
+ @property --tw-backdrop-invert {
3987
+ syntax: "*";
3988
+ inherits: false;
3989
+ }
3990
+ @property --tw-backdrop-opacity {
3991
+ syntax: "*";
3992
+ inherits: false;
3993
+ }
3994
+ @property --tw-backdrop-saturate {
3995
+ syntax: "*";
3996
+ inherits: false;
3997
+ }
3998
+ @property --tw-backdrop-sepia {
3999
+ syntax: "*";
4000
+ inherits: false;
4001
+ }
4002
+ @property --tw-duration {
4003
+ syntax: "*";
4004
+ inherits: false;
4005
+ }
4006
+ @property --tw-ease {
4007
+ syntax: "*";
4008
+ inherits: false;
4009
+ }
4010
+ @property --tw-content {
4011
+ syntax: "*";
4012
+ initial-value: "";
4013
+ inherits: false;
4014
+ }
4015
+ @layer properties {
4016
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4017
+ *, ::before, ::after, ::backdrop {
4018
+ --tw-translate-x: 0;
4019
+ --tw-translate-y: 0;
4020
+ --tw-translate-z: 0;
4021
+ --tw-scale-x: 1;
4022
+ --tw-scale-y: 1;
4023
+ --tw-scale-z: 1;
4024
+ --tw-rotate-x: initial;
4025
+ --tw-rotate-y: initial;
4026
+ --tw-rotate-z: initial;
4027
+ --tw-skew-x: initial;
4028
+ --tw-skew-y: initial;
4029
+ --tw-space-y-reverse: 0;
4030
+ --tw-divide-y-reverse: 0;
4031
+ --tw-border-style: solid;
4032
+ --tw-gradient-position: initial;
4033
+ --tw-gradient-from: #0000;
4034
+ --tw-gradient-via: #0000;
4035
+ --tw-gradient-to: #0000;
4036
+ --tw-gradient-stops: initial;
4037
+ --tw-gradient-via-stops: initial;
4038
+ --tw-gradient-from-position: 0%;
4039
+ --tw-gradient-via-position: 50%;
4040
+ --tw-gradient-to-position: 100%;
4041
+ --tw-leading: initial;
4042
+ --tw-font-weight: initial;
4043
+ --tw-tracking: initial;
4044
+ --tw-shadow: 0 0 #0000;
4045
+ --tw-shadow-color: initial;
4046
+ --tw-shadow-alpha: 100%;
4047
+ --tw-inset-shadow: 0 0 #0000;
4048
+ --tw-inset-shadow-color: initial;
4049
+ --tw-inset-shadow-alpha: 100%;
4050
+ --tw-ring-color: initial;
4051
+ --tw-ring-shadow: 0 0 #0000;
4052
+ --tw-inset-ring-color: initial;
4053
+ --tw-inset-ring-shadow: 0 0 #0000;
4054
+ --tw-ring-inset: initial;
4055
+ --tw-ring-offset-width: 0px;
4056
+ --tw-ring-offset-color: #fff;
4057
+ --tw-ring-offset-shadow: 0 0 #0000;
4058
+ --tw-outline-style: solid;
4059
+ --tw-blur: initial;
4060
+ --tw-brightness: initial;
4061
+ --tw-contrast: initial;
4062
+ --tw-grayscale: initial;
4063
+ --tw-hue-rotate: initial;
4064
+ --tw-invert: initial;
4065
+ --tw-opacity: initial;
4066
+ --tw-saturate: initial;
4067
+ --tw-sepia: initial;
4068
+ --tw-drop-shadow: initial;
4069
+ --tw-drop-shadow-color: initial;
4070
+ --tw-drop-shadow-alpha: 100%;
4071
+ --tw-drop-shadow-size: initial;
4072
+ --tw-backdrop-blur: initial;
4073
+ --tw-backdrop-brightness: initial;
4074
+ --tw-backdrop-contrast: initial;
4075
+ --tw-backdrop-grayscale: initial;
4076
+ --tw-backdrop-hue-rotate: initial;
4077
+ --tw-backdrop-invert: initial;
4078
+ --tw-backdrop-opacity: initial;
4079
+ --tw-backdrop-saturate: initial;
4080
+ --tw-backdrop-sepia: initial;
4081
+ --tw-duration: initial;
4082
+ --tw-ease: initial;
4083
+ --tw-content: "";
4084
+ }
4085
+ }
4086
+ }