@memelabui/ui 0.6.1 → 0.8.0

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 (7) hide show
  1. package/README.md +429 -215
  2. package/dist/index.cjs +126 -58
  3. package/dist/index.d.cts +34 -3
  4. package/dist/index.d.ts +34 -3
  5. package/dist/index.js +125 -60
  6. package/dist/styles/index.css +2496 -2489
  7. package/package.json +118 -120
package/dist/styles/index.css CHANGED
@@ -1,271 +1,271 @@
1
- :root {
2
- /* ---- Background ---- */
3
- --ml-bg: 10 10 15;
4
- --ml-fg: 249 250 251;
5
-
6
- /* ---- Surface scale ---- */
7
- --ml-surface-0: 10 10 15;
8
- --ml-surface-50: 15 15 24;
9
- --ml-surface-100: 20 20 32;
10
- --ml-surface-200: 26 26 46;
11
- --ml-surface-300: 36 36 58;
12
- --ml-surface-400: 42 42 74;
13
-
14
- /* ---- Glass ---- */
15
- --ml-glass-bg: rgba(255, 255, 255, 0.05);
16
- --ml-glass-bg-hover: rgba(255, 255, 255, 0.07);
17
- --ml-glass-border: rgba(255, 255, 255, 0.1);
18
- --ml-glass-border-hover: rgba(102, 126, 234, 0.25);
19
- --ml-glass-blur: 16px;
20
-
21
- /* ---- Primary palette ---- */
22
- --ml-primary: 139 92 246;
23
- --ml-primary-light: 167 139 250;
24
- --ml-primary-dark: 124 58 237;
25
-
26
- /* ---- Accent (gradient source) ---- */
27
- --ml-accent: 102 126 234;
28
- --ml-accent-light: 139 156 247;
29
- --ml-accent-dark: 76 95 212;
30
-
31
- /* ---- Glow ---- */
32
- --ml-glow-purple: 118 75 162;
33
- --ml-glow-pink: 240 147 251;
34
-
35
- /* ---- Semantic ---- */
36
- --ml-success: 16 185 129;
37
- --ml-warning: 245 158 11;
38
- --ml-danger: 244 63 94;
39
-
40
- /* ---- Typography ---- */
41
- --ml-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
42
-
43
- /* ---- Border radius ---- */
44
- --ml-radius-sm: 0.5rem;
45
- --ml-radius-md: 0.75rem;
46
- --ml-radius-lg: 1rem;
47
- --ml-radius-xl: 1.5rem;
48
- --ml-radius-full: 9999px;
49
-
50
- /* ---- Shadows ---- */
51
- --ml-shadow-surface:
52
- 0 1px 3px rgba(0, 0, 0, 0.3),
53
- inset 0 0 0 1px rgba(255, 255, 255, 0.08);
54
- --ml-shadow-surface-hover:
55
- 0 10px 25px rgba(0, 0, 0, 0.45),
56
- inset 0 0 0 1px rgba(255, 255, 255, 0.09);
57
- --ml-shadow-glow: 0 0 25px rgba(139, 92, 246, 0.35);
58
- --ml-shadow-glow-lg: 0 0 35px rgba(139, 92, 246, 0.5);
59
- --ml-shadow-glow-accent: 0 0 30px rgba(102, 126, 234, 0.3);
60
-
61
- /* ---- Transitions ---- */
62
- --ml-transition-fast: 150ms ease;
63
- --ml-transition-normal: 200ms ease;
64
- --ml-transition-slow: 300ms ease;
65
- }
66
- @keyframes ml-float {
67
- 0%,
68
- 100% {
69
- transform: translateY(0px);
70
- }
71
- 50% {
72
- transform: translateY(-20px);
73
- }
74
- }
75
- @keyframes ml-gradient {
76
- 0% {
77
- background-position: 0% 50%;
78
- }
79
- 50% {
80
- background-position: 100% 50%;
81
- }
82
- 100% {
83
- background-position: 0% 50%;
84
- }
85
- }
86
- @keyframes ml-pulse-glow {
87
- 0%,
88
- 100% {
89
- opacity: 1;
90
- }
91
- 50% {
92
- opacity: 0.6;
93
- }
94
- }
95
- @keyframes ml-fade-up {
96
- 0% {
97
- opacity: 0;
98
- transform: translateY(30px);
99
- }
100
- 100% {
101
- opacity: 1;
102
- transform: translateY(0);
103
- }
104
- }
105
- @keyframes ml-modal-backdrop {
106
- from {
107
- opacity: 0;
108
- }
109
- to {
110
- opacity: 1;
111
- }
112
- }
113
- @keyframes ml-modal-pop {
114
- from {
115
- opacity: 0;
116
- transform: translateY(6px) scale(0.98);
117
- }
118
- to {
119
- opacity: 1;
120
- transform: translateY(0) scale(1);
121
- }
122
- }
123
- @keyframes ml-shimmer {
124
- 0% {
125
- transform: translateX(-200%);
126
- }
127
- 100% {
128
- transform: translateX(200%);
129
- }
130
- }
131
- @keyframes ml-spin {
132
- from {
133
- transform: rotate(0deg);
134
- }
135
- to {
136
- transform: rotate(360deg);
137
- }
138
- }
139
- /* Reduced motion — scoped to library classes only, no global !important */
140
- @media (prefers-reduced-motion: reduce) {
141
- .glass,
142
- .surface,
143
- .surface-hover,
144
- .animated-gradient,
145
- [class*='animate-float'],
146
- [class*='animate-gradient'],
147
- [class*='animate-pulse-glow'],
148
- [class*='animate-fade-up'],
149
- [class*='animate-modal'],
150
- [class*='animate-shimmer'],
151
- [class*='animate-spin'],
152
- [class*='animate-pulse'] {
153
- animation-duration: 0.01ms;
154
- animation-iteration-count: 1;
155
- transition-duration: 0.01ms;
156
- }
157
- }
158
- *, ::before, ::after {
159
- --tw-border-spacing-x: 0;
160
- --tw-border-spacing-y: 0;
161
- --tw-translate-x: 0;
162
- --tw-translate-y: 0;
163
- --tw-rotate: 0;
164
- --tw-skew-x: 0;
165
- --tw-skew-y: 0;
166
- --tw-scale-x: 1;
167
- --tw-scale-y: 1;
168
- --tw-pan-x: ;
169
- --tw-pan-y: ;
170
- --tw-pinch-zoom: ;
171
- --tw-scroll-snap-strictness: proximity;
172
- --tw-gradient-from-position: ;
173
- --tw-gradient-via-position: ;
174
- --tw-gradient-to-position: ;
175
- --tw-ordinal: ;
176
- --tw-slashed-zero: ;
177
- --tw-numeric-figure: ;
178
- --tw-numeric-spacing: ;
179
- --tw-numeric-fraction: ;
180
- --tw-ring-inset: ;
181
- --tw-ring-offset-width: 0px;
182
- --tw-ring-offset-color: #fff;
183
- --tw-ring-color: rgb(59 130 246 / 0.5);
184
- --tw-ring-offset-shadow: 0 0 #0000;
185
- --tw-ring-shadow: 0 0 #0000;
186
- --tw-shadow: 0 0 #0000;
187
- --tw-shadow-colored: 0 0 #0000;
188
- --tw-blur: ;
189
- --tw-brightness: ;
190
- --tw-contrast: ;
191
- --tw-grayscale: ;
192
- --tw-hue-rotate: ;
193
- --tw-invert: ;
194
- --tw-saturate: ;
195
- --tw-sepia: ;
196
- --tw-drop-shadow: ;
197
- --tw-backdrop-blur: ;
198
- --tw-backdrop-brightness: ;
199
- --tw-backdrop-contrast: ;
200
- --tw-backdrop-grayscale: ;
201
- --tw-backdrop-hue-rotate: ;
202
- --tw-backdrop-invert: ;
203
- --tw-backdrop-opacity: ;
204
- --tw-backdrop-saturate: ;
205
- --tw-backdrop-sepia: ;
206
- --tw-contain-size: ;
207
- --tw-contain-layout: ;
208
- --tw-contain-paint: ;
209
- --tw-contain-style: ;
210
- }
211
- ::backdrop {
212
- --tw-border-spacing-x: 0;
213
- --tw-border-spacing-y: 0;
214
- --tw-translate-x: 0;
215
- --tw-translate-y: 0;
216
- --tw-rotate: 0;
217
- --tw-skew-x: 0;
218
- --tw-skew-y: 0;
219
- --tw-scale-x: 1;
220
- --tw-scale-y: 1;
221
- --tw-pan-x: ;
222
- --tw-pan-y: ;
223
- --tw-pinch-zoom: ;
224
- --tw-scroll-snap-strictness: proximity;
225
- --tw-gradient-from-position: ;
226
- --tw-gradient-via-position: ;
227
- --tw-gradient-to-position: ;
228
- --tw-ordinal: ;
229
- --tw-slashed-zero: ;
230
- --tw-numeric-figure: ;
231
- --tw-numeric-spacing: ;
232
- --tw-numeric-fraction: ;
233
- --tw-ring-inset: ;
234
- --tw-ring-offset-width: 0px;
235
- --tw-ring-offset-color: #fff;
236
- --tw-ring-color: rgb(59 130 246 / 0.5);
237
- --tw-ring-offset-shadow: 0 0 #0000;
238
- --tw-ring-shadow: 0 0 #0000;
239
- --tw-shadow: 0 0 #0000;
240
- --tw-shadow-colored: 0 0 #0000;
241
- --tw-blur: ;
242
- --tw-brightness: ;
243
- --tw-contrast: ;
244
- --tw-grayscale: ;
245
- --tw-hue-rotate: ;
246
- --tw-invert: ;
247
- --tw-saturate: ;
248
- --tw-sepia: ;
249
- --tw-drop-shadow: ;
250
- --tw-backdrop-blur: ;
251
- --tw-backdrop-brightness: ;
252
- --tw-backdrop-contrast: ;
253
- --tw-backdrop-grayscale: ;
254
- --tw-backdrop-hue-rotate: ;
255
- --tw-backdrop-invert: ;
256
- --tw-backdrop-opacity: ;
257
- --tw-backdrop-saturate: ;
258
- --tw-backdrop-sepia: ;
259
- --tw-contain-size: ;
260
- --tw-contain-layout: ;
261
- --tw-contain-paint: ;
262
- --tw-contain-style: ;
263
- }
264
- /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
1
+ :root {
2
+ /* ---- Background ---- */
3
+ --ml-bg: 10 10 15;
4
+ --ml-fg: 249 250 251;
5
+
6
+ /* ---- Surface scale ---- */
7
+ --ml-surface-0: 10 10 15;
8
+ --ml-surface-50: 15 15 24;
9
+ --ml-surface-100: 20 20 32;
10
+ --ml-surface-200: 26 26 46;
11
+ --ml-surface-300: 36 36 58;
12
+ --ml-surface-400: 42 42 74;
13
+
14
+ /* ---- Glass ---- */
15
+ --ml-glass-bg: rgba(255, 255, 255, 0.05);
16
+ --ml-glass-bg-hover: rgba(255, 255, 255, 0.07);
17
+ --ml-glass-border: rgba(255, 255, 255, 0.1);
18
+ --ml-glass-border-hover: rgba(102, 126, 234, 0.25);
19
+ --ml-glass-blur: 16px;
20
+
21
+ /* ---- Primary palette ---- */
22
+ --ml-primary: 139 92 246;
23
+ --ml-primary-light: 167 139 250;
24
+ --ml-primary-dark: 124 58 237;
25
+
26
+ /* ---- Accent (gradient source) ---- */
27
+ --ml-accent: 102 126 234;
28
+ --ml-accent-light: 139 156 247;
29
+ --ml-accent-dark: 76 95 212;
30
+
31
+ /* ---- Glow ---- */
32
+ --ml-glow-purple: 118 75 162;
33
+ --ml-glow-pink: 240 147 251;
34
+
35
+ /* ---- Semantic ---- */
36
+ --ml-success: 16 185 129;
37
+ --ml-warning: 245 158 11;
38
+ --ml-danger: 244 63 94;
39
+
40
+ /* ---- Typography ---- */
41
+ --ml-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
42
+
43
+ /* ---- Border radius ---- */
44
+ --ml-radius-sm: 0.5rem;
45
+ --ml-radius-md: 0.75rem;
46
+ --ml-radius-lg: 1rem;
47
+ --ml-radius-xl: 1.5rem;
48
+ --ml-radius-full: 9999px;
49
+
50
+ /* ---- Shadows ---- */
51
+ --ml-shadow-surface:
52
+ 0 1px 3px rgba(0, 0, 0, 0.3),
53
+ inset 0 0 0 1px rgba(255, 255, 255, 0.08);
54
+ --ml-shadow-surface-hover:
55
+ 0 10px 25px rgba(0, 0, 0, 0.45),
56
+ inset 0 0 0 1px rgba(255, 255, 255, 0.09);
57
+ --ml-shadow-glow: 0 0 25px rgba(139, 92, 246, 0.35);
58
+ --ml-shadow-glow-lg: 0 0 35px rgba(139, 92, 246, 0.5);
59
+ --ml-shadow-glow-accent: 0 0 30px rgba(102, 126, 234, 0.3);
60
+
61
+ /* ---- Transitions ---- */
62
+ --ml-transition-fast: 150ms ease;
63
+ --ml-transition-normal: 200ms ease;
64
+ --ml-transition-slow: 300ms ease;
65
+ }
66
+ @keyframes ml-float {
67
+ 0%,
68
+ 100% {
69
+ transform: translateY(0px);
70
+ }
71
+ 50% {
72
+ transform: translateY(-20px);
73
+ }
74
+ }
75
+ @keyframes ml-gradient {
76
+ 0% {
77
+ background-position: 0% 50%;
78
+ }
79
+ 50% {
80
+ background-position: 100% 50%;
81
+ }
82
+ 100% {
83
+ background-position: 0% 50%;
84
+ }
85
+ }
86
+ @keyframes ml-pulse-glow {
87
+ 0%,
88
+ 100% {
89
+ opacity: 1;
90
+ }
91
+ 50% {
92
+ opacity: 0.6;
93
+ }
94
+ }
95
+ @keyframes ml-fade-up {
96
+ 0% {
97
+ opacity: 0;
98
+ transform: translateY(30px);
99
+ }
100
+ 100% {
101
+ opacity: 1;
102
+ transform: translateY(0);
103
+ }
104
+ }
105
+ @keyframes ml-modal-backdrop {
106
+ from {
107
+ opacity: 0;
108
+ }
109
+ to {
110
+ opacity: 1;
111
+ }
112
+ }
113
+ @keyframes ml-modal-pop {
114
+ from {
115
+ opacity: 0;
116
+ transform: translateY(6px) scale(0.98);
117
+ }
118
+ to {
119
+ opacity: 1;
120
+ transform: translateY(0) scale(1);
121
+ }
122
+ }
123
+ @keyframes ml-shimmer {
124
+ 0% {
125
+ transform: translateX(-200%);
126
+ }
127
+ 100% {
128
+ transform: translateX(200%);
129
+ }
130
+ }
131
+ @keyframes ml-spin {
132
+ from {
133
+ transform: rotate(0deg);
134
+ }
135
+ to {
136
+ transform: rotate(360deg);
137
+ }
138
+ }
139
+ /* Reduced motion — scoped to library classes only, no global !important */
140
+ @media (prefers-reduced-motion: reduce) {
141
+ .glass,
142
+ .surface,
143
+ .surface-hover,
144
+ .animated-gradient,
145
+ [class*='animate-float'],
146
+ [class*='animate-gradient'],
147
+ [class*='animate-pulse-glow'],
148
+ [class*='animate-fade-up'],
149
+ [class*='animate-modal'],
150
+ [class*='animate-shimmer'],
151
+ [class*='animate-spin'],
152
+ [class*='animate-pulse'] {
153
+ animation-duration: 0.01ms;
154
+ animation-iteration-count: 1;
155
+ transition-duration: 0.01ms;
156
+ }
157
+ }
158
+ *, ::before, ::after {
159
+ --tw-border-spacing-x: 0;
160
+ --tw-border-spacing-y: 0;
161
+ --tw-translate-x: 0;
162
+ --tw-translate-y: 0;
163
+ --tw-rotate: 0;
164
+ --tw-skew-x: 0;
165
+ --tw-skew-y: 0;
166
+ --tw-scale-x: 1;
167
+ --tw-scale-y: 1;
168
+ --tw-pan-x: ;
169
+ --tw-pan-y: ;
170
+ --tw-pinch-zoom: ;
171
+ --tw-scroll-snap-strictness: proximity;
172
+ --tw-gradient-from-position: ;
173
+ --tw-gradient-via-position: ;
174
+ --tw-gradient-to-position: ;
175
+ --tw-ordinal: ;
176
+ --tw-slashed-zero: ;
177
+ --tw-numeric-figure: ;
178
+ --tw-numeric-spacing: ;
179
+ --tw-numeric-fraction: ;
180
+ --tw-ring-inset: ;
181
+ --tw-ring-offset-width: 0px;
182
+ --tw-ring-offset-color: #fff;
183
+ --tw-ring-color: rgb(59 130 246 / 0.5);
184
+ --tw-ring-offset-shadow: 0 0 #0000;
185
+ --tw-ring-shadow: 0 0 #0000;
186
+ --tw-shadow: 0 0 #0000;
187
+ --tw-shadow-colored: 0 0 #0000;
188
+ --tw-blur: ;
189
+ --tw-brightness: ;
190
+ --tw-contrast: ;
191
+ --tw-grayscale: ;
192
+ --tw-hue-rotate: ;
193
+ --tw-invert: ;
194
+ --tw-saturate: ;
195
+ --tw-sepia: ;
196
+ --tw-drop-shadow: ;
197
+ --tw-backdrop-blur: ;
198
+ --tw-backdrop-brightness: ;
199
+ --tw-backdrop-contrast: ;
200
+ --tw-backdrop-grayscale: ;
201
+ --tw-backdrop-hue-rotate: ;
202
+ --tw-backdrop-invert: ;
203
+ --tw-backdrop-opacity: ;
204
+ --tw-backdrop-saturate: ;
205
+ --tw-backdrop-sepia: ;
206
+ --tw-contain-size: ;
207
+ --tw-contain-layout: ;
208
+ --tw-contain-paint: ;
209
+ --tw-contain-style: ;
210
+ }
211
+ ::backdrop {
212
+ --tw-border-spacing-x: 0;
213
+ --tw-border-spacing-y: 0;
214
+ --tw-translate-x: 0;
215
+ --tw-translate-y: 0;
216
+ --tw-rotate: 0;
217
+ --tw-skew-x: 0;
218
+ --tw-skew-y: 0;
219
+ --tw-scale-x: 1;
220
+ --tw-scale-y: 1;
221
+ --tw-pan-x: ;
222
+ --tw-pan-y: ;
223
+ --tw-pinch-zoom: ;
224
+ --tw-scroll-snap-strictness: proximity;
225
+ --tw-gradient-from-position: ;
226
+ --tw-gradient-via-position: ;
227
+ --tw-gradient-to-position: ;
228
+ --tw-ordinal: ;
229
+ --tw-slashed-zero: ;
230
+ --tw-numeric-figure: ;
231
+ --tw-numeric-spacing: ;
232
+ --tw-numeric-fraction: ;
233
+ --tw-ring-inset: ;
234
+ --tw-ring-offset-width: 0px;
235
+ --tw-ring-offset-color: #fff;
236
+ --tw-ring-color: rgb(59 130 246 / 0.5);
237
+ --tw-ring-offset-shadow: 0 0 #0000;
238
+ --tw-ring-shadow: 0 0 #0000;
239
+ --tw-shadow: 0 0 #0000;
240
+ --tw-shadow-colored: 0 0 #0000;
241
+ --tw-blur: ;
242
+ --tw-brightness: ;
243
+ --tw-contrast: ;
244
+ --tw-grayscale: ;
245
+ --tw-hue-rotate: ;
246
+ --tw-invert: ;
247
+ --tw-saturate: ;
248
+ --tw-sepia: ;
249
+ --tw-drop-shadow: ;
250
+ --tw-backdrop-blur: ;
251
+ --tw-backdrop-brightness: ;
252
+ --tw-backdrop-contrast: ;
253
+ --tw-backdrop-grayscale: ;
254
+ --tw-backdrop-hue-rotate: ;
255
+ --tw-backdrop-invert: ;
256
+ --tw-backdrop-opacity: ;
257
+ --tw-backdrop-saturate: ;
258
+ --tw-backdrop-sepia: ;
259
+ --tw-contain-size: ;
260
+ --tw-contain-layout: ;
261
+ --tw-contain-paint: ;
262
+ --tw-contain-style: ;
263
+ }
264
+ /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
265
265
  /*
266
266
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
267
267
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
268
- */
268
+ */
269
269
  *,
270
270
  ::before,
271
271
  ::after {
@@ -273,11 +273,11 @@
273
273
  border-width: 0; /* 2 */
274
274
  border-style: solid; /* 2 */
275
275
  border-color: #e5e7eb; /* 2 */
276
- }
276
+ }
277
277
  ::before,
278
278
  ::after {
279
279
  --tw-content: '';
280
- }
280
+ }
281
281
  /*
282
282
  1. Use a consistent sensible line-height in all browsers.
283
283
  2. Prevent adjustments of font size after orientation changes in iOS.
@@ -286,7 +286,7 @@
286
286
  5. Use the user's configured `sans` font-feature-settings by default.
287
287
  6. Use the user's configured `sans` font-variation-settings by default.
288
288
  7. Disable tap highlights on iOS
289
- */
289
+ */
290
290
  html,
291
291
  :host {
292
292
  line-height: 1.5; /* 1 */
@@ -298,35 +298,35 @@ html,
298
298
  font-feature-settings: normal; /* 5 */
299
299
  font-variation-settings: normal; /* 6 */
300
300
  -webkit-tap-highlight-color: transparent; /* 7 */
301
- }
301
+ }
302
302
  /*
303
303
  1. Remove the margin in all browsers.
304
304
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
305
- */
305
+ */
306
306
  body {
307
307
  margin: 0; /* 1 */
308
308
  line-height: inherit; /* 2 */
309
- }
309
+ }
310
310
  /*
311
311
  1. Add the correct height in Firefox.
312
312
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
313
313
  3. Ensure horizontal rules are visible by default.
314
- */
314
+ */
315
315
  hr {
316
316
  height: 0; /* 1 */
317
317
  color: inherit; /* 2 */
318
318
  border-top-width: 1px; /* 3 */
319
- }
319
+ }
320
320
  /*
321
321
  Add the correct text decoration in Chrome, Edge, and Safari.
322
- */
322
+ */
323
323
  abbr:where([title]) {
324
324
  -webkit-text-decoration: underline dotted;
325
325
  text-decoration: underline dotted;
326
- }
326
+ }
327
327
  /*
328
328
  Remove the default font size and weight for headings.
329
- */
329
+ */
330
330
  h1,
331
331
  h2,
332
332
  h3,
@@ -335,27 +335,27 @@ h5,
335
335
  h6 {
336
336
  font-size: inherit;
337
337
  font-weight: inherit;
338
- }
338
+ }
339
339
  /*
340
340
  Reset links to optimize for opt-in styling instead of opt-out.
341
- */
341
+ */
342
342
  a {
343
343
  color: inherit;
344
344
  text-decoration: inherit;
345
- }
345
+ }
346
346
  /*
347
347
  Add the correct font weight in Edge and Safari.
348
- */
348
+ */
349
349
  b,
350
350
  strong {
351
351
  font-weight: bolder;
352
- }
352
+ }
353
353
  /*
354
354
  1. Use the user's configured `mono` font-family by default.
355
355
  2. Use the user's configured `mono` font-feature-settings by default.
356
356
  3. Use the user's configured `mono` font-variation-settings by default.
357
357
  4. Correct the odd `em` font sizing in all browsers.
358
- */
358
+ */
359
359
  code,
360
360
  kbd,
361
361
  samp,
@@ -364,44 +364,44 @@ pre {
364
364
  font-feature-settings: normal; /* 2 */
365
365
  font-variation-settings: normal; /* 3 */
366
366
  font-size: 1em; /* 4 */
367
- }
367
+ }
368
368
  /*
369
369
  Add the correct font size in all browsers.
370
- */
370
+ */
371
371
  small {
372
372
  font-size: 80%;
373
- }
373
+ }
374
374
  /*
375
375
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
376
- */
376
+ */
377
377
  sub,
378
378
  sup {
379
379
  font-size: 75%;
380
380
  line-height: 0;
381
381
  position: relative;
382
382
  vertical-align: baseline;
383
- }
383
+ }
384
384
  sub {
385
385
  bottom: -0.25em;
386
- }
386
+ }
387
387
  sup {
388
388
  top: -0.5em;
389
- }
389
+ }
390
390
  /*
391
391
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
392
392
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
393
393
  3. Remove gaps between table borders by default.
394
- */
394
+ */
395
395
  table {
396
396
  text-indent: 0; /* 1 */
397
397
  border-color: inherit; /* 2 */
398
398
  border-collapse: collapse; /* 3 */
399
- }
399
+ }
400
400
  /*
401
401
  1. Change the font styles in all browsers.
402
402
  2. Remove the margin in Firefox and Safari.
403
403
  3. Remove default padding in all browsers.
404
- */
404
+ */
405
405
  button,
406
406
  input,
407
407
  optgroup,
@@ -417,18 +417,18 @@ textarea {
417
417
  color: inherit; /* 1 */
418
418
  margin: 0; /* 2 */
419
419
  padding: 0; /* 3 */
420
- }
420
+ }
421
421
  /*
422
422
  Remove the inheritance of text transform in Edge and Firefox.
423
- */
423
+ */
424
424
  button,
425
425
  select {
426
426
  text-transform: none;
427
- }
427
+ }
428
428
  /*
429
429
  1. Correct the inability to style clickable types in iOS and Safari.
430
430
  2. Remove default button styles.
431
- */
431
+ */
432
432
  button,
433
433
  input:where([type='button']),
434
434
  input:where([type='reset']),
@@ -436,63 +436,63 @@ input:where([type='submit']) {
436
436
  -webkit-appearance: button; /* 1 */
437
437
  background-color: transparent; /* 2 */
438
438
  background-image: none; /* 2 */
439
- }
439
+ }
440
440
  /*
441
441
  Use the modern Firefox focus style for all focusable elements.
442
- */
442
+ */
443
443
  :-moz-focusring {
444
444
  outline: auto;
445
- }
445
+ }
446
446
  /*
447
447
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
448
- */
448
+ */
449
449
  :-moz-ui-invalid {
450
450
  box-shadow: none;
451
- }
451
+ }
452
452
  /*
453
453
  Add the correct vertical alignment in Chrome and Firefox.
454
- */
454
+ */
455
455
  progress {
456
456
  vertical-align: baseline;
457
- }
457
+ }
458
458
  /*
459
459
  Correct the cursor style of increment and decrement buttons in Safari.
460
- */
460
+ */
461
461
  ::-webkit-inner-spin-button,
462
462
  ::-webkit-outer-spin-button {
463
463
  height: auto;
464
- }
464
+ }
465
465
  /*
466
466
  1. Correct the odd appearance in Chrome and Safari.
467
467
  2. Correct the outline style in Safari.
468
- */
468
+ */
469
469
  [type='search'] {
470
470
  -webkit-appearance: textfield; /* 1 */
471
471
  outline-offset: -2px; /* 2 */
472
- }
472
+ }
473
473
  /*
474
474
  Remove the inner padding in Chrome and Safari on macOS.
475
- */
475
+ */
476
476
  ::-webkit-search-decoration {
477
477
  -webkit-appearance: none;
478
- }
478
+ }
479
479
  /*
480
480
  1. Correct the inability to style clickable types in iOS and Safari.
481
481
  2. Change font properties to `inherit` in Safari.
482
- */
482
+ */
483
483
  ::-webkit-file-upload-button {
484
484
  -webkit-appearance: button; /* 1 */
485
485
  font: inherit; /* 2 */
486
- }
486
+ }
487
487
  /*
488
488
  Add the correct display in Chrome and Safari.
489
- */
489
+ */
490
490
  summary {
491
491
  display: list-item;
492
- }
492
+ }
493
493
  /*
494
494
  Removes the default spacing and border for appropriate elements.
495
- */
495
+ */
496
496
  blockquote,
497
497
  dl,
498
498
  dd,
@@ -507,64 +507,64 @@ figure,
507
507
  p,
508
508
  pre {
509
509
  margin: 0;
510
- }
510
+ }
511
511
  fieldset {
512
512
  margin: 0;
513
513
  padding: 0;
514
- }
514
+ }
515
515
  legend {
516
516
  padding: 0;
517
- }
517
+ }
518
518
  ol,
519
519
  ul,
520
520
  menu {
521
521
  list-style: none;
522
522
  margin: 0;
523
523
  padding: 0;
524
- }
524
+ }
525
525
  /*
526
526
  Reset default styling for dialogs.
527
- */
527
+ */
528
528
  dialog {
529
529
  padding: 0;
530
- }
530
+ }
531
531
  /*
532
532
  Prevent resizing textareas horizontally by default.
533
- */
533
+ */
534
534
  textarea {
535
535
  resize: vertical;
536
- }
536
+ }
537
537
  /*
538
538
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
539
539
  2. Set the default placeholder color to the user's configured gray 400 color.
540
- */
540
+ */
541
541
  input::-moz-placeholder, textarea::-moz-placeholder {
542
542
  opacity: 1; /* 1 */
543
543
  color: #9ca3af; /* 2 */
544
- }
544
+ }
545
545
  input::placeholder,
546
546
  textarea::placeholder {
547
547
  opacity: 1; /* 1 */
548
548
  color: #9ca3af; /* 2 */
549
- }
549
+ }
550
550
  /*
551
551
  Set the default cursor for buttons.
552
- */
552
+ */
553
553
  button,
554
554
  [role="button"] {
555
555
  cursor: pointer;
556
- }
556
+ }
557
557
  /*
558
558
  Make sure disabled buttons don't get the pointer cursor.
559
- */
559
+ */
560
560
  :disabled {
561
561
  cursor: default;
562
- }
562
+ }
563
563
  /*
564
564
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
565
565
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
566
566
  This can trigger a poorly considered lint error in some tools but is included by design.
567
- */
567
+ */
568
568
  img,
569
569
  svg,
570
570
  video,
@@ -575,2170 +575,2177 @@ embed,
575
575
  object {
576
576
  display: block; /* 1 */
577
577
  vertical-align: middle; /* 2 */
578
- }
578
+ }
579
579
  /*
580
580
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
581
- */
581
+ */
582
582
  img,
583
583
  video {
584
584
  max-width: 100%;
585
585
  height: auto;
586
- }
587
- /* Make elements with the HTML hidden attribute stay hidden by default */
586
+ }
587
+ /* Make elements with the HTML hidden attribute stay hidden by default */
588
588
  [hidden]:where(:not([hidden="until-found"])) {
589
589
  display: none;
590
- }
591
- body {
592
- background-color: rgb(var(--ml-bg, 10 10 15));
593
- color: rgb(var(--ml-fg, 249 250 251));
594
- font-family: var(--ml-font-sans);
595
- -webkit-font-smoothing: antialiased;
596
- -moz-osx-font-smoothing: grayscale;
597
- }
598
- /* Scrollbar */
599
- ::-webkit-scrollbar {
600
- width: 6px;
601
- }
602
- ::-webkit-scrollbar-track {
603
- background: rgb(var(--ml-surface-50, 15 15 24));
604
- }
605
- ::-webkit-scrollbar-thumb {
606
- background: rgb(var(--ml-surface-300, 36 36 58));
607
- border-radius: 9999px;
608
- }
609
- /* Global focus-visible */
610
- :where(a, button, input, select, textarea, [role='button'], [role='menuitem'], [role='tab']):focus-visible {
611
- outline: none;
612
- box-shadow:
613
- 0 0 0 2px rgb(var(--ml-primary, 139 92 246)),
614
- 0 0 0 4px transparent;
615
- }
616
- /* Dark select */
617
- select {
618
- color-scheme: dark;
619
- }
620
- select option,
621
- select optgroup {
622
- background-color: rgb(var(--ml-surface-50, 15 15 24));
623
- color: rgb(var(--ml-fg, 249 250 251));
624
- }
625
- /* Accessibility: link underline offset */
626
- a {
627
- text-underline-offset: 0.18em;
628
- }
629
- .container {
630
- width: 100%;
631
- }
632
- @media (min-width: 640px) {
633
- .container {
634
- max-width: 640px;
635
- }
636
- }
637
- @media (min-width: 768px) {
638
- .container {
639
- max-width: 768px;
640
- }
641
- }
642
- @media (min-width: 1024px) {
643
- .container {
644
- max-width: 1024px;
645
- }
646
- }
647
- @media (min-width: 1280px) {
648
- .container {
649
- max-width: 1280px;
650
- }
651
- }
652
- @media (min-width: 1536px) {
653
- .container {
654
- max-width: 1536px;
655
- }
656
- }
657
- /* Glass morphism */
658
- .glass {
659
- border-radius: var(--ml-radius-md, 0.75rem);
660
- background: var(--ml-glass-bg, rgba(255, 255, 255, 0.05));
661
- backdrop-filter: blur(var(--ml-glass-blur, 16px));
662
- -webkit-backdrop-filter: blur(var(--ml-glass-blur, 16px));
663
- box-shadow:
664
- 0 1px 3px rgba(0, 0, 0, 0.35),
665
- inset 0 0 0 1px var(--ml-glass-border, rgba(255, 255, 255, 0.1));
666
- }
667
- /* Surface card */
668
- .surface {
669
- border-radius: var(--ml-radius-md, 0.75rem);
670
- background: rgba(255, 255, 255, 0.06);
671
- backdrop-filter: blur(12px);
672
- -webkit-backdrop-filter: blur(12px);
673
- box-shadow: var(
674
- --ml-shadow-surface,
675
- 0 1px 3px rgba(0, 0, 0, 0.3),
676
- inset 0 0 0 1px rgba(255, 255, 255, 0.08)
677
- );
678
- }
679
- .surface-hover {
680
- transition: box-shadow var(--ml-transition-fast, 150ms ease);
681
- }
682
- .surface-hover:hover {
683
- box-shadow: var(
684
- --ml-shadow-surface-hover,
685
- 0 10px 25px rgba(0, 0, 0, 0.45),
686
- inset 0 0 0 1px rgba(255, 255, 255, 0.09)
687
- );
688
- }
689
- /* Gradient text */
690
- .text-gradient {
691
- background: linear-gradient(
692
- 135deg,
693
- rgb(var(--ml-accent, 102 126 234)) 0%,
694
- rgb(var(--ml-glow-purple, 118 75 162)) 50%,
695
- rgb(var(--ml-glow-pink, 240 147 251)) 100%
696
- );
697
- -webkit-background-clip: text;
698
- -webkit-text-fill-color: transparent;
699
- background-clip: text;
700
- }
701
- /* Animated gradient background */
702
- .animated-gradient {
703
- background: linear-gradient(
704
- 270deg,
705
- rgb(var(--ml-accent, 102 126 234)),
706
- rgb(var(--ml-glow-purple, 118 75 162)),
707
- rgb(var(--ml-glow-pink, 240 147 251))
708
- );
709
- background-size: 400% 400%;
710
- animation: ml-gradient 15s ease infinite;
711
- }
712
- /* Page container */
713
- /* Decorative orbs */
714
- .orb {
715
- position: absolute;
716
- border-radius: 50%;
717
- filter: blur(80px);
718
- opacity: 0.3;
719
- pointer-events: none;
720
- }
721
- .orb-purple {
722
- background: rgb(var(--ml-glow-purple, 118 75 162));
723
- }
724
- .orb-blue {
725
- background: rgb(var(--ml-accent, 102 126 234));
726
- }
727
- /* iOS safe-area */
728
- .pb-safe {
729
- padding-bottom: calc(1rem + env(safe-area-inset-bottom));
730
- }
731
- /* Hide scrollbar */
732
- .no-scrollbar::-webkit-scrollbar {
733
- display: none;
734
- }
735
- .no-scrollbar {
736
- -ms-overflow-style: none;
737
- scrollbar-width: none;
738
- }
739
- /* Soft link */
740
- .sr-only {
741
- position: absolute;
742
- width: 1px;
743
- height: 1px;
744
- padding: 0;
745
- margin: -1px;
746
- overflow: hidden;
747
- clip: rect(0, 0, 0, 0);
748
- white-space: nowrap;
749
- border-width: 0;
750
- }
751
- .pointer-events-none {
752
- pointer-events: none;
753
- }
754
- .pointer-events-auto {
755
- pointer-events: auto;
756
- }
757
- .visible {
758
- visibility: visible;
759
- }
760
- .collapse {
761
- visibility: collapse;
762
- }
763
- .fixed {
764
- position: fixed;
765
- }
766
- .absolute {
767
- position: absolute;
768
- }
769
- .relative {
770
- position: relative;
771
- }
772
- .sticky {
773
- position: sticky;
774
- }
775
- .inset-0 {
776
- inset: 0px;
777
- }
778
- .inset-x-0 {
779
- left: 0px;
780
- right: 0px;
781
- }
782
- .inset-y-0 {
783
- top: 0px;
784
- bottom: 0px;
785
- }
786
- .-left-32 {
787
- left: -8rem;
788
- }
789
- .-left-\[150px\] {
790
- left: -150px;
791
- }
792
- .-right-32 {
793
- right: -8rem;
794
- }
795
- .-right-\[100px\] {
796
- right: -100px;
797
- }
798
- .-top-32 {
799
- top: -8rem;
800
- }
801
- .-top-\[150px\] {
802
- top: -150px;
803
- }
804
- .bottom-0 {
805
- bottom: 0px;
806
- }
807
- .bottom-4 {
808
- bottom: 1rem;
809
- }
810
- .left-0 {
811
- left: 0px;
812
- }
813
- .left-0\.5 {
814
- left: 0.125rem;
815
- }
816
- .left-1\/2 {
817
- left: 50%;
818
- }
819
- .left-3 {
820
- left: 0.75rem;
821
- }
822
- .right-0 {
823
- right: 0px;
824
- }
825
- .right-2 {
826
- right: 0.5rem;
827
- }
828
- .right-3 {
829
- right: 0.75rem;
830
- }
831
- .right-4 {
832
- right: 1rem;
833
- }
834
- .top-0 {
835
- top: 0px;
836
- }
837
- .top-0\.5 {
838
- top: 0.125rem;
839
- }
840
- .top-1\/2 {
841
- top: 50%;
842
- }
843
- .top-2 {
844
- top: 0.5rem;
845
- }
846
- .top-20 {
847
- top: 5rem;
848
- }
849
- .top-4 {
850
- top: 1rem;
851
- }
852
- .top-\[60\%\] {
853
- top: 60%;
854
- }
855
- .z-10 {
856
- z-index: 10;
857
- }
858
- .z-50 {
859
- z-index: 50;
860
- }
861
- .z-\[9999\] {
862
- z-index: 9999;
863
- }
864
- .float-none {
865
- float: none;
866
- }
867
- .m-0 {
868
- margin: 0px;
869
- }
870
- .mx-2 {
871
- margin-left: 0.5rem;
872
- margin-right: 0.5rem;
873
- }
874
- .mx-3 {
875
- margin-left: 0.75rem;
876
- margin-right: 0.75rem;
877
- }
878
- .mx-auto {
879
- margin-left: auto;
880
- margin-right: auto;
881
- }
882
- .my-1 {
883
- margin-top: 0.25rem;
884
- margin-bottom: 0.25rem;
885
- }
886
- .my-3 {
887
- margin-top: 0.75rem;
888
- margin-bottom: 0.75rem;
889
- }
890
- .-mb-px {
891
- margin-bottom: -1px;
892
- }
893
- .mb-0\.5 {
894
- margin-bottom: 0.125rem;
895
- }
896
- .mb-1 {
897
- margin-bottom: 0.25rem;
898
- }
899
- .mb-1\.5 {
900
- margin-bottom: 0.375rem;
901
- }
902
- .mb-2 {
903
- margin-bottom: 0.5rem;
904
- }
905
- .mb-3 {
906
- margin-bottom: 0.75rem;
907
- }
908
- .mb-4 {
909
- margin-bottom: 1rem;
910
- }
911
- .mb-6 {
912
- margin-bottom: 1.5rem;
913
- }
914
- .ml-0\.5 {
915
- margin-left: 0.125rem;
916
- }
917
- .ml-7 {
918
- margin-left: 1.75rem;
919
- }
920
- .ml-auto {
921
- margin-left: auto;
922
- }
923
- .mt-0\.5 {
924
- margin-top: 0.125rem;
925
- }
926
- .mt-1 {
927
- margin-top: 0.25rem;
928
- }
929
- .mt-1\.5 {
930
- margin-top: 0.375rem;
931
- }
932
- .mt-2 {
933
- margin-top: 0.5rem;
934
- }
935
- .mt-3 {
936
- margin-top: 0.75rem;
937
- }
938
- .mt-4 {
939
- margin-top: 1rem;
940
- }
941
- .block {
942
- display: block;
943
- }
944
- .inline-block {
945
- display: inline-block;
946
- }
947
- .inline {
948
- display: inline;
949
- }
950
- .flex {
951
- display: flex;
952
- }
953
- .inline-flex {
954
- display: inline-flex;
955
- }
956
- .table {
957
- display: table;
958
- }
959
- .grid {
960
- display: grid;
961
- }
962
- .hidden {
963
- display: none;
964
- }
965
- .h-0\.5 {
966
- height: 0.125rem;
967
- }
968
- .h-1 {
969
- height: 0.25rem;
970
- }
971
- .h-1\.5 {
972
- height: 0.375rem;
973
- }
974
- .h-1\/2 {
975
- height: 50%;
976
- }
977
- .h-1\/3 {
978
- height: 33.333333%;
979
- }
980
- .h-1\/4 {
981
- height: 25%;
982
- }
983
- .h-10 {
984
- height: 2.5rem;
985
- }
986
- .h-11 {
987
- height: 2.75rem;
988
- }
989
- .h-12 {
990
- height: 3rem;
991
- }
992
- .h-14 {
993
- height: 3.5rem;
994
- }
995
- .h-16 {
996
- height: 4rem;
997
- }
998
- .h-2 {
999
- height: 0.5rem;
1000
- }
1001
- .h-2\.5 {
1002
- height: 0.625rem;
1003
- }
1004
- .h-20 {
1005
- height: 5rem;
1006
- }
1007
- .h-28 {
1008
- height: 7rem;
1009
- }
1010
- .h-3 {
1011
- height: 0.75rem;
1012
- }
1013
- .h-3\.5 {
1014
- height: 0.875rem;
1015
- }
1016
- .h-32 {
1017
- height: 8rem;
1018
- }
1019
- .h-4 {
1020
- height: 1rem;
1021
- }
1022
- .h-40 {
1023
- height: 10rem;
1024
- }
1025
- .h-5 {
1026
- height: 1.25rem;
1027
- }
1028
- .h-6 {
1029
- height: 1.5rem;
1030
- }
1031
- .h-7 {
1032
- height: 1.75rem;
1033
- }
1034
- .h-8 {
1035
- height: 2rem;
1036
- }
1037
- .h-9 {
1038
- height: 2.25rem;
1039
- }
1040
- .h-\[18px\] {
1041
- height: 18px;
1042
- }
1043
- .h-\[2px\] {
1044
- height: 2px;
1045
- }
1046
- .h-\[300px\] {
1047
- height: 300px;
1048
- }
1049
- .h-\[400px\] {
1050
- height: 400px;
1051
- }
1052
- .h-\[500px\] {
1053
- height: 500px;
1054
- }
1055
- .h-\[600px\] {
1056
- height: 600px;
1057
- }
1058
- .h-full {
1059
- height: 100%;
1060
- }
1061
- .h-screen {
1062
- height: 100vh;
1063
- }
1064
- .max-h-60 {
1065
- max-height: 15rem;
1066
- }
1067
- .min-h-\[320px\] {
1068
- min-height: 320px;
1069
- }
1070
- .min-h-\[42px\] {
1071
- min-height: 42px;
1072
- }
1073
- .min-h-full {
1074
- min-height: 100%;
1075
- }
1076
- .min-h-screen {
1077
- min-height: 100vh;
1078
- }
1079
- .w-1\.5 {
1080
- width: 0.375rem;
1081
- }
1082
- .w-1\/2 {
1083
- width: 50%;
1084
- }
1085
- .w-10 {
1086
- width: 2.5rem;
1087
- }
1088
- .w-11 {
1089
- width: 2.75rem;
1090
- }
1091
- .w-12 {
1092
- width: 3rem;
1093
- }
1094
- .w-16 {
1095
- width: 4rem;
1096
- }
1097
- .w-2 {
1098
- width: 0.5rem;
1099
- }
1100
- .w-2\.5 {
1101
- width: 0.625rem;
1102
- }
1103
- .w-20 {
1104
- width: 5rem;
1105
- }
1106
- .w-3 {
1107
- width: 0.75rem;
1108
- }
1109
- .w-3\.5 {
1110
- width: 0.875rem;
1111
- }
1112
- .w-3\/4 {
1113
- width: 75%;
1114
- }
1115
- .w-4 {
1116
- width: 1rem;
1117
- }
1118
- .w-4\/6 {
1119
- width: 66.666667%;
1120
- }
1121
- .w-48 {
1122
- width: 12rem;
1123
- }
1124
- .w-5 {
1125
- width: 1.25rem;
1126
- }
1127
- .w-5\/6 {
1128
- width: 83.333333%;
1129
- }
1130
- .w-56 {
1131
- width: 14rem;
1132
- }
1133
- .w-6 {
1134
- width: 1.5rem;
1135
- }
1136
- .w-64 {
1137
- width: 16rem;
1138
- }
1139
- .w-7 {
1140
- width: 1.75rem;
1141
- }
1142
- .w-72 {
1143
- width: 18rem;
1144
- }
1145
- .w-8 {
1146
- width: 2rem;
1147
- }
1148
- .w-80 {
1149
- width: 20rem;
1150
- }
1151
- .w-9 {
1152
- width: 2.25rem;
1153
- }
1154
- .w-96 {
1155
- width: 24rem;
1156
- }
1157
- .w-\[300px\] {
1158
- width: 300px;
1159
- }
1160
- .w-\[360px\] {
1161
- width: 360px;
1162
- }
1163
- .w-\[3px\] {
1164
- width: 3px;
1165
- }
1166
- .w-\[400px\] {
1167
- width: 400px;
1168
- }
1169
- .w-\[500px\] {
1170
- width: 500px;
1171
- }
1172
- .w-\[600px\] {
1173
- width: 600px;
1174
- }
1175
- .w-\[900px\] {
1176
- width: 900px;
1177
- }
1178
- .w-fit {
1179
- width: -moz-fit-content;
1180
- width: fit-content;
1181
- }
1182
- .w-full {
1183
- width: 100%;
1184
- }
1185
- .w-screen {
1186
- width: 100vw;
1187
- }
1188
- .min-w-0 {
1189
- min-width: 0px;
1190
- }
1191
- .min-w-52 {
1192
- min-width: 13rem;
1193
- }
1194
- .min-w-\[10rem\] {
1195
- min-width: 10rem;
1196
- }
1197
- .min-w-\[120px\] {
1198
- min-width: 120px;
1199
- }
1200
- .min-w-\[16px\] {
1201
- min-width: 16px;
1202
- }
1203
- .min-w-\[180px\] {
1204
- min-width: 180px;
1205
- }
1206
- .min-w-\[18px\] {
1207
- min-width: 18px;
1208
- }
1209
- .min-w-\[20px\] {
1210
- min-width: 20px;
1211
- }
1212
- .max-w-2xl {
1213
- max-width: 42rem;
1214
- }
1215
- .max-w-4xl {
1216
- max-width: 56rem;
1217
- }
1218
- .max-w-5xl {
1219
- max-width: 64rem;
1220
- }
1221
- .max-w-7xl {
1222
- max-width: 80rem;
1223
- }
1224
- .max-w-\[320px\] {
1225
- max-width: 320px;
1226
- }
1227
- .max-w-\[6rem\] {
1228
- max-width: 6rem;
1229
- }
1230
- .max-w-\[92rem\] {
1231
- max-width: 92rem;
1232
- }
1233
- .max-w-\[calc\(100vw-2rem\)\] {
1234
- max-width: calc(100vw - 2rem);
1235
- }
1236
- .max-w-full {
1237
- max-width: 100%;
1238
- }
1239
- .max-w-lg {
1240
- max-width: 32rem;
1241
- }
1242
- .max-w-md {
1243
- max-width: 28rem;
1244
- }
1245
- .max-w-xl {
1246
- max-width: 36rem;
1247
- }
1248
- .flex-1 {
1249
- flex: 1 1 0%;
1250
- }
1251
- .flex-shrink-0 {
1252
- flex-shrink: 0;
1253
- }
1254
- .shrink-0 {
1255
- flex-shrink: 0;
1256
- }
1257
- .-translate-x-1\/2 {
1258
- --tw-translate-x: -50%;
1259
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1260
- }
1261
- .-translate-x-full {
1262
- --tw-translate-x: -100%;
1263
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1264
- }
1265
- .-translate-y-1 {
1266
- --tw-translate-y: -0.25rem;
1267
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1268
- }
1269
- .-translate-y-1\/2 {
1270
- --tw-translate-y: -50%;
1271
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1272
- }
1273
- .-translate-y-2 {
1274
- --tw-translate-y: -0.5rem;
1275
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1276
- }
1277
- .translate-x-0 {
1278
- --tw-translate-x: 0px;
1279
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1280
- }
1281
- .translate-x-4 {
1282
- --tw-translate-x: 1rem;
1283
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1284
- }
1285
- .translate-x-5 {
1286
- --tw-translate-x: 1.25rem;
1287
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1288
- }
1289
- .translate-x-8 {
1290
- --tw-translate-x: 2rem;
1291
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1292
- }
1293
- .translate-x-full {
1294
- --tw-translate-x: 100%;
1295
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1296
- }
1297
- .translate-y-0 {
1298
- --tw-translate-y: 0px;
1299
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1300
- }
1301
- .translate-y-2 {
1302
- --tw-translate-y: 0.5rem;
1303
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1304
- }
1305
- .translate-y-full {
1306
- --tw-translate-y: 100%;
1307
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1308
- }
1309
- .-rotate-90 {
1310
- --tw-rotate: -90deg;
1311
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1312
- }
1313
- .rotate-180 {
1314
- --tw-rotate: 180deg;
1315
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1316
- }
1317
- .rotate-90 {
1318
- --tw-rotate: 90deg;
1319
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1320
- }
1321
- .skew-x-\[-20deg\] {
1322
- --tw-skew-x: -20deg;
1323
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1324
- }
1325
- .scale-100 {
1326
- --tw-scale-x: 1;
1327
- --tw-scale-y: 1;
1328
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1329
- }
1330
- .scale-95 {
1331
- --tw-scale-x: .95;
1332
- --tw-scale-y: .95;
1333
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1334
- }
1335
- .transform {
1336
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1337
- }
1338
- @keyframes ml-shimmer {
1339
- 0% {
1340
- transform: translateX(-200%);
1341
- }
1342
- 100% {
1343
- transform: translateX(200%);
1344
- }
1345
- }
1346
- .animate-\[ml-shimmer_2s_ease-in-out_infinite\] {
1347
- animation: ml-shimmer 2s ease-in-out infinite;
1348
- }
1349
- @keyframes ml-modal-backdrop {
1350
- from {
1351
- opacity: 0;
1352
- }
1353
- to {
1354
- opacity: 1;
1355
- }
1356
- }
1357
- .animate-modal-backdrop {
1358
- animation: ml-modal-backdrop 140ms ease-out both;
1359
- }
1360
- @keyframes ml-modal-pop {
1361
- from {
1362
- opacity: 0;
1363
- transform: translateY(6px) scale(0.98);
1364
- }
1365
- to {
1366
- opacity: 1;
1367
- transform: translateY(0) scale(1);
1368
- }
1369
- }
1370
- .animate-modal-pop {
1371
- animation: ml-modal-pop 160ms cubic-bezier(0.22,1,0.36,1) both;
1372
- }
1373
- @keyframes ping {
1374
- 75%, 100% {
1375
- transform: scale(2);
1376
- opacity: 0;
1377
- }
1378
- }
1379
- .animate-ping {
1380
- animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1381
- }
1382
- @keyframes pulse {
1383
- 50% {
1384
- opacity: .5;
1385
- }
1386
- }
1387
- .animate-pulse {
1388
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1389
- }
1390
- @keyframes ml-spin {
1391
- from {
1392
- transform: rotate(0deg);
1393
- }
1394
- to {
1395
- transform: rotate(360deg);
1396
- }
1397
- }
1398
- .animate-spin {
1399
- animation: ml-spin 1s linear infinite;
1400
- }
1401
- .cursor-not-allowed {
1402
- cursor: not-allowed;
1403
- }
1404
- .cursor-pointer {
1405
- cursor: pointer;
1406
- }
1407
- .select-none {
1408
- -webkit-user-select: none;
1409
- -moz-user-select: none;
1410
- user-select: none;
1411
- }
1412
- .select-all {
1413
- -webkit-user-select: all;
1414
- -moz-user-select: all;
1415
- user-select: all;
1416
- }
1417
- .resize-y {
1418
- resize: vertical;
1419
- }
1420
- .resize {
1421
- resize: both;
1422
- }
1423
- .appearance-none {
1424
- -webkit-appearance: none;
1425
- -moz-appearance: none;
1426
- appearance: none;
1427
- }
1428
- .grid-cols-1 {
1429
- grid-template-columns: repeat(1, minmax(0, 1fr));
1430
- }
1431
- .grid-rows-\[0fr\] {
1432
- grid-template-rows: 0fr;
1433
- }
1434
- .grid-rows-\[1fr\] {
1435
- grid-template-rows: 1fr;
1436
- }
1437
- .flex-row {
1438
- flex-direction: row;
1439
- }
1440
- .flex-col {
1441
- flex-direction: column;
1442
- }
1443
- .flex-col-reverse {
1444
- flex-direction: column-reverse;
1445
- }
1446
- .flex-wrap {
1447
- flex-wrap: wrap;
1448
- }
1449
- .items-start {
1450
- align-items: flex-start;
1451
- }
1452
- .items-end {
1453
- align-items: flex-end;
1454
- }
1455
- .items-center {
1456
- align-items: center;
1457
- }
1458
- .items-baseline {
1459
- align-items: baseline;
1460
- }
1461
- .items-stretch {
1462
- align-items: stretch;
1463
- }
1464
- .justify-start {
1465
- justify-content: flex-start;
1466
- }
1467
- .justify-end {
1468
- justify-content: flex-end;
1469
- }
1470
- .justify-center {
1471
- justify-content: center;
1472
- }
1473
- .justify-between {
1474
- justify-content: space-between;
1475
- }
1476
- .justify-around {
1477
- justify-content: space-around;
1478
- }
1479
- .justify-evenly {
1480
- justify-content: space-evenly;
1481
- }
1482
- .gap-0 {
1483
- gap: 0px;
1484
- }
1485
- .gap-0\.5 {
1486
- gap: 0.125rem;
1487
- }
1488
- .gap-1 {
1489
- gap: 0.25rem;
1490
- }
1491
- .gap-1\.5 {
1492
- gap: 0.375rem;
1493
- }
1494
- .gap-10 {
1495
- gap: 2.5rem;
1496
- }
1497
- .gap-12 {
1498
- gap: 3rem;
1499
- }
1500
- .gap-2 {
1501
- gap: 0.5rem;
1502
- }
1503
- .gap-2\.5 {
1504
- gap: 0.625rem;
1505
- }
1506
- .gap-3 {
1507
- gap: 0.75rem;
1508
- }
1509
- .gap-4 {
1510
- gap: 1rem;
1511
- }
1512
- .gap-5 {
1513
- gap: 1.25rem;
1514
- }
1515
- .gap-6 {
1516
- gap: 1.5rem;
1517
- }
1518
- .gap-8 {
1519
- gap: 2rem;
1520
- }
1521
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1522
- --tw-space-y-reverse: 0;
1523
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1524
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1525
- }
1526
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1527
- --tw-space-y-reverse: 0;
1528
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1529
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1530
- }
1531
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1532
- --tw-space-y-reverse: 0;
1533
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1534
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1535
- }
1536
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1537
- --tw-space-y-reverse: 0;
1538
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1539
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1540
- }
1541
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1542
- --tw-space-y-reverse: 0;
1543
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1544
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1545
- }
1546
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1547
- --tw-space-y-reverse: 0;
1548
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1549
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1550
- }
1551
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1552
- --tw-divide-y-reverse: 0;
1553
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1554
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1555
- }
1556
- .divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) {
1557
- border-color: rgb(255 255 255 / 0.06);
1558
- }
1559
- .self-start {
1560
- align-self: flex-start;
1561
- }
1562
- .self-stretch {
1563
- align-self: stretch;
1564
- }
1565
- .overflow-auto {
1566
- overflow: auto;
1567
- }
1568
- .overflow-hidden {
1569
- overflow: hidden;
1570
- }
1571
- .overflow-x-auto {
1572
- overflow-x: auto;
1573
- }
1574
- .overflow-y-auto {
1575
- overflow-y: auto;
1576
- }
1577
- .overflow-x-hidden {
1578
- overflow-x: hidden;
1579
- }
1580
- .overflow-y-hidden {
1581
- overflow-y: hidden;
1582
- }
1583
- .truncate {
1584
- overflow: hidden;
1585
- text-overflow: ellipsis;
1586
- white-space: nowrap;
1587
- }
1588
- .rounded-2xl {
1589
- border-radius: 1rem;
1590
- }
1591
- .rounded-full {
1592
- border-radius: 9999px;
1593
- }
1594
- .rounded-lg {
1595
- border-radius: 0.5rem;
1596
- }
1597
- .rounded-md {
1598
- border-radius: 0.375rem;
1599
- }
1600
- .rounded-xl {
1601
- border-radius: 0.75rem;
1602
- }
1603
- .rounded-t-3xl {
1604
- border-top-left-radius: 1.5rem;
1605
- border-top-right-radius: 1.5rem;
1606
- }
1607
- .border {
1608
- border-width: 1px;
1609
- }
1610
- .border-2 {
1611
- border-width: 2px;
1612
- }
1613
- .border-b {
1614
- border-bottom-width: 1px;
1615
- }
1616
- .border-b-2 {
1617
- border-bottom-width: 2px;
1618
- }
1619
- .border-l {
1620
- border-left-width: 1px;
1621
- }
1622
- .border-l-4 {
1623
- border-left-width: 4px;
1624
- }
1625
- .border-t {
1626
- border-top-width: 1px;
1627
- }
1628
- .border-dashed {
1629
- border-style: dashed;
1630
- }
1631
- .border-none {
1632
- border-style: none;
1633
- }
1634
- .border-amber-500 {
1635
- --tw-border-opacity: 1;
1636
- border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
1637
- }
1638
- .border-blue-500 {
1639
- --tw-border-opacity: 1;
1640
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1641
- }
1642
- .border-emerald-500 {
1643
- --tw-border-opacity: 1;
1644
- border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
1645
- }
1646
- .border-primary {
1647
- --tw-border-opacity: 1;
1648
- border-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1649
- }
1650
- .border-primary\/30 {
1651
- border-color: rgb(var(--ml-primary) / 0.3);
1652
- }
1653
- .border-rose-500 {
1654
- --tw-border-opacity: 1;
1655
- border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
1656
- }
1657
- .border-transparent {
1658
- border-color: transparent;
1659
- }
1660
- .border-white\/10 {
1661
- border-color: rgb(255 255 255 / 0.1);
1662
- }
1663
- .border-white\/15 {
1664
- border-color: rgb(255 255 255 / 0.15);
1665
- }
1666
- .border-white\/20 {
1667
- border-color: rgb(255 255 255 / 0.2);
1668
- }
1669
- .border-white\/30 {
1670
- border-color: rgb(255 255 255 / 0.3);
1671
- }
1672
- .border-white\/\[0\.06\] {
1673
- border-color: rgb(255 255 255 / 0.06);
1674
- }
1675
- .border-t-primary {
1676
- --tw-border-opacity: 1;
1677
- border-top-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1678
- }
1679
- .border-t-white {
1680
- --tw-border-opacity: 1;
1681
- border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1682
- }
1683
- .bg-\[rgb\(var\(--ml-primary\)\)\] {
1684
- background-color: rgb(var(--ml-primary));
1685
- }
1686
- .bg-accent\/15 {
1687
- background-color: rgb(var(--ml-accent) / 0.15);
1688
- }
1689
- .bg-accent\/\[0\.10\] {
1690
- background-color: rgb(var(--ml-accent) / 0.10);
1691
- }
1692
- .bg-amber-400 {
1693
- --tw-bg-opacity: 1;
1694
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
1695
- }
1696
- .bg-amber-400\/30 {
1697
- background-color: rgb(251 191 36 / 0.3);
1698
- }
1699
- .bg-amber-500 {
1700
- --tw-bg-opacity: 1;
1701
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
1702
- }
1703
- .bg-amber-500\/15 {
1704
- background-color: rgb(245 158 11 / 0.15);
1705
- }
1706
- .bg-amber-600 {
1707
- --tw-bg-opacity: 1;
1708
- background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
1709
- }
1710
- .bg-black\/25 {
1711
- background-color: rgb(0 0 0 / 0.25);
1712
- }
1713
- .bg-black\/40 {
1714
- background-color: rgb(0 0 0 / 0.4);
1715
- }
1716
- .bg-emerald-400 {
1717
- --tw-bg-opacity: 1;
1718
- background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
1719
- }
1720
- .bg-emerald-400\/20 {
1721
- background-color: rgb(52 211 153 / 0.2);
1722
- }
1723
- .bg-emerald-400\/30 {
1724
- background-color: rgb(52 211 153 / 0.3);
1725
- }
1726
- .bg-emerald-500 {
1727
- --tw-bg-opacity: 1;
1728
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1729
- }
1730
- .bg-emerald-500\/15 {
1731
- background-color: rgb(16 185 129 / 0.15);
1732
- }
1733
- .bg-emerald-600 {
1734
- --tw-bg-opacity: 1;
1735
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1736
- }
1737
- .bg-primary {
1738
- --tw-bg-opacity: 1;
1739
- background-color: rgb(var(--ml-primary) / var(--tw-bg-opacity, 1));
1740
- }
1741
- .bg-primary\/10 {
1742
- background-color: rgb(var(--ml-primary) / 0.1);
1743
- }
1744
- .bg-primary\/15 {
1745
- background-color: rgb(var(--ml-primary) / 0.15);
1746
- }
1747
- .bg-primary\/20 {
1748
- background-color: rgb(var(--ml-primary) / 0.2);
1749
- }
1750
- .bg-purple-500\/\[0\.12\] {
1751
- background-color: rgb(168 85 247 / 0.12);
1752
- }
1753
- .bg-rose-400 {
1754
- --tw-bg-opacity: 1;
1755
- background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
1756
- }
1757
- .bg-rose-400\/30 {
1758
- background-color: rgb(251 113 133 / 0.3);
1759
- }
1760
- .bg-rose-500 {
1761
- --tw-bg-opacity: 1;
1762
- background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
1763
- }
1764
- .bg-rose-500\/15 {
1765
- background-color: rgb(244 63 94 / 0.15);
1766
- }
1767
- .bg-rose-600 {
1768
- --tw-bg-opacity: 1;
1769
- background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
1770
- }
1771
- .bg-surface {
1772
- --tw-bg-opacity: 1;
1773
- background-color: rgb(var(--ml-bg) / var(--tw-bg-opacity, 1));
1774
- }
1775
- .bg-surface-100 {
1776
- --tw-bg-opacity: 1;
1777
- background-color: rgb(var(--ml-surface-100) / var(--tw-bg-opacity, 1));
1778
- }
1779
- .bg-surface-100\/95 {
1780
- background-color: rgb(var(--ml-surface-100) / 0.95);
1781
- }
1782
- .bg-surface-300 {
1783
- --tw-bg-opacity: 1;
1784
- background-color: rgb(var(--ml-surface-300) / var(--tw-bg-opacity, 1));
1785
- }
1786
- .bg-surface-50 {
1787
- --tw-bg-opacity: 1;
1788
- background-color: rgb(var(--ml-surface-50) / var(--tw-bg-opacity, 1));
1789
- }
1790
- .bg-surface-50\/80 {
1791
- background-color: rgb(var(--ml-surface-50) / 0.8);
1792
- }
1793
- .bg-surface-50\/90 {
1794
- background-color: rgb(var(--ml-surface-50) / 0.9);
1795
- }
1796
- .bg-transparent {
1797
- background-color: transparent;
1798
- }
1799
- .bg-violet-600 {
1800
- --tw-bg-opacity: 1;
1801
- background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
1802
- }
1803
- .bg-violet-600\/20 {
1804
- background-color: rgb(124 58 237 / 0.2);
1805
- }
1806
- .bg-white {
1807
- --tw-bg-opacity: 1;
1808
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1809
- }
1810
- .bg-white\/10 {
1811
- background-color: rgb(255 255 255 / 0.1);
1812
- }
1813
- .bg-white\/20 {
1814
- background-color: rgb(255 255 255 / 0.2);
1815
- }
1816
- .bg-white\/5 {
1817
- background-color: rgb(255 255 255 / 0.05);
1818
- }
1819
- .bg-gradient-to-br {
1820
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1821
- }
1822
- .bg-gradient-to-r {
1823
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1824
- }
1825
- .from-\[rgb\(var\(--ml-accent\)\)\] {
1826
- --tw-gradient-from: rgb(var(--ml-accent)) var(--tw-gradient-from-position);
1827
- --tw-gradient-to: rgb(var(--ml-accent) / 0) var(--tw-gradient-to-position);
1828
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1829
- }
1830
- .from-primary {
1831
- --tw-gradient-from: rgb(var(--ml-primary) / 1) var(--tw-gradient-from-position);
1832
- --tw-gradient-to: rgb(var(--ml-primary) / 0) var(--tw-gradient-to-position);
1833
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1834
- }
1835
- .from-transparent {
1836
- --tw-gradient-from: transparent var(--tw-gradient-from-position);
1837
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1838
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1839
- }
1840
- .from-violet-600 {
1841
- --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
1842
- --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
1843
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1844
- }
1845
- .via-white\/30 {
1846
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1847
- --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
1848
- }
1849
- .to-\[rgb\(var\(--ml-primary\)\)\] {
1850
- --tw-gradient-to: rgb(var(--ml-primary)) var(--tw-gradient-to-position);
1851
- }
1852
- .to-accent {
1853
- --tw-gradient-to: rgb(var(--ml-accent) / 1) var(--tw-gradient-to-position);
1854
- }
1855
- .to-purple-600 {
1856
- --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
1857
- }
1858
- .to-transparent {
1859
- --tw-gradient-to: transparent var(--tw-gradient-to-position);
1860
- }
1861
- .object-cover {
1862
- -o-object-fit: cover;
1863
- object-fit: cover;
1864
- }
1865
- .p-0 {
1866
- padding: 0px;
1867
- }
1868
- .p-1 {
1869
- padding: 0.25rem;
1870
- }
1871
- .p-1\.5 {
1872
- padding: 0.375rem;
1873
- }
1874
- .p-2 {
1875
- padding: 0.5rem;
1876
- }
1877
- .p-2\.5 {
1878
- padding: 0.625rem;
1879
- }
1880
- .p-3 {
1881
- padding: 0.75rem;
1882
- }
1883
- .p-4 {
1884
- padding: 1rem;
1885
- }
1886
- .p-5 {
1887
- padding: 1.25rem;
1888
- }
1889
- .p-6 {
1890
- padding: 1.5rem;
1891
- }
1892
- .px-1 {
1893
- padding-left: 0.25rem;
1894
- padding-right: 0.25rem;
1895
- }
1896
- .px-1\.5 {
1897
- padding-left: 0.375rem;
1898
- padding-right: 0.375rem;
1899
- }
1900
- .px-2 {
1901
- padding-left: 0.5rem;
1902
- padding-right: 0.5rem;
1903
- }
1904
- .px-2\.5 {
1905
- padding-left: 0.625rem;
1906
- padding-right: 0.625rem;
1907
- }
1908
- .px-3 {
1909
- padding-left: 0.75rem;
1910
- padding-right: 0.75rem;
1911
- }
1912
- .px-3\.5 {
1913
- padding-left: 0.875rem;
1914
- padding-right: 0.875rem;
1915
- }
1916
- .px-4 {
1917
- padding-left: 1rem;
1918
- padding-right: 1rem;
1919
- }
1920
- .px-5 {
1921
- padding-left: 1.25rem;
1922
- padding-right: 1.25rem;
1923
- }
1924
- .px-6 {
1925
- padding-left: 1.5rem;
1926
- padding-right: 1.5rem;
1927
- }
1928
- .py-0\.5 {
1929
- padding-top: 0.125rem;
1930
- padding-bottom: 0.125rem;
1931
- }
1932
- .py-1 {
1933
- padding-top: 0.25rem;
1934
- padding-bottom: 0.25rem;
1935
- }
1936
- .py-1\.5 {
1937
- padding-top: 0.375rem;
1938
- padding-bottom: 0.375rem;
1939
- }
1940
- .py-10 {
1941
- padding-top: 2.5rem;
1942
- padding-bottom: 2.5rem;
1943
- }
1944
- .py-12 {
1945
- padding-top: 3rem;
1946
- padding-bottom: 3rem;
1947
- }
1948
- .py-2 {
1949
- padding-top: 0.5rem;
1950
- padding-bottom: 0.5rem;
1951
- }
1952
- .py-2\.5 {
1953
- padding-top: 0.625rem;
1954
- padding-bottom: 0.625rem;
1955
- }
1956
- .py-3 {
1957
- padding-top: 0.75rem;
1958
- padding-bottom: 0.75rem;
1959
- }
1960
- .py-4 {
1961
- padding-top: 1rem;
1962
- padding-bottom: 1rem;
1963
- }
1964
- .py-8 {
1965
- padding-top: 2rem;
1966
- padding-bottom: 2rem;
1967
- }
1968
- .pb-3 {
1969
- padding-bottom: 0.75rem;
1970
- }
1971
- .pl-10 {
1972
- padding-left: 2.5rem;
1973
- }
1974
- .pl-4 {
1975
- padding-left: 1rem;
1976
- }
1977
- .pr-3 {
1978
- padding-right: 0.75rem;
1979
- }
1980
- .pr-9 {
1981
- padding-right: 2.25rem;
1982
- }
1983
- .pt-16 {
1984
- padding-top: 4rem;
1985
- }
1986
- .text-left {
1987
- text-align: left;
1988
- }
1989
- .text-center {
1990
- text-align: center;
1991
- }
1992
- .text-right {
1993
- text-align: right;
1994
- }
1995
- .font-mono {
1996
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1997
- }
1998
- .text-2xl {
1999
- font-size: 1.5rem;
2000
- line-height: 2rem;
2001
- }
2002
- .text-3xl {
2003
- font-size: 1.875rem;
2004
- line-height: 2.25rem;
2005
- }
2006
- .text-\[10px\] {
2007
- font-size: 10px;
2008
- }
2009
- .text-\[11px\] {
2010
- font-size: 11px;
2011
- }
2012
- .text-base {
2013
- font-size: 1rem;
2014
- line-height: 1.5rem;
2015
- }
2016
- .text-lg {
2017
- font-size: 1.125rem;
2018
- line-height: 1.75rem;
2019
- }
2020
- .text-sm {
2021
- font-size: 0.875rem;
2022
- line-height: 1.25rem;
2023
- }
2024
- .text-xl {
2025
- font-size: 1.25rem;
2026
- line-height: 1.75rem;
2027
- }
2028
- .text-xs {
2029
- font-size: 0.75rem;
2030
- line-height: 1rem;
2031
- }
2032
- .font-bold {
2033
- font-weight: 700;
2034
- }
2035
- .font-medium {
2036
- font-weight: 500;
2037
- }
2038
- .font-normal {
2039
- font-weight: 400;
2040
- }
2041
- .font-semibold {
2042
- font-weight: 600;
2043
- }
2044
- .uppercase {
2045
- text-transform: uppercase;
2046
- }
2047
- .tabular-nums {
2048
- --tw-numeric-spacing: tabular-nums;
2049
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2050
- }
2051
- .leading-none {
2052
- line-height: 1;
2053
- }
2054
- .leading-relaxed {
2055
- line-height: 1.625;
2056
- }
2057
- .leading-snug {
2058
- line-height: 1.375;
2059
- }
2060
- .tracking-tight {
2061
- letter-spacing: -0.025em;
2062
- }
2063
- .tracking-wider {
2064
- letter-spacing: 0.05em;
2065
- }
2066
- .text-accent-light {
2067
- --tw-text-opacity: 1;
2068
- color: rgb(var(--ml-accent-light) / var(--tw-text-opacity, 1));
2069
- }
2070
- .text-amber-400 {
2071
- --tw-text-opacity: 1;
2072
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
2073
- }
2074
- .text-amber-500 {
2075
- --tw-text-opacity: 1;
2076
- color: rgb(245 158 11 / var(--tw-text-opacity, 1));
2077
- }
2078
- .text-blue-400 {
2079
- --tw-text-opacity: 1;
2080
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2081
- }
2082
- .text-emerald-400 {
2083
- --tw-text-opacity: 1;
2084
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2085
- }
2086
- .text-green-400 {
2087
- --tw-text-opacity: 1;
2088
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2089
- }
2090
- .text-primary {
2091
- --tw-text-opacity: 1;
2092
- color: rgb(var(--ml-primary) / var(--tw-text-opacity, 1));
2093
- }
2094
- .text-primary-light {
2095
- --tw-text-opacity: 1;
2096
- color: rgb(var(--ml-primary-light) / var(--tw-text-opacity, 1));
2097
- }
2098
- .text-red-400 {
2099
- --tw-text-opacity: 1;
2100
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2101
- }
2102
- .text-rose-400 {
2103
- --tw-text-opacity: 1;
2104
- color: rgb(251 113 133 / var(--tw-text-opacity, 1));
2105
- }
2106
- .text-rose-500 {
2107
- --tw-text-opacity: 1;
2108
- color: rgb(244 63 94 / var(--tw-text-opacity, 1));
2109
- }
2110
- .text-violet-400 {
2111
- --tw-text-opacity: 1;
2112
- color: rgb(167 139 250 / var(--tw-text-opacity, 1));
2113
- }
2114
- .text-white {
2115
- --tw-text-opacity: 1;
2116
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2117
- }
2118
- .text-white\/10 {
2119
- color: rgb(255 255 255 / 0.1);
2120
- }
2121
- .text-white\/30 {
2122
- color: rgb(255 255 255 / 0.3);
2123
- }
2124
- .text-white\/40 {
2125
- color: rgb(255 255 255 / 0.4);
2126
- }
2127
- .text-white\/50 {
2128
- color: rgb(255 255 255 / 0.5);
2129
- }
2130
- .text-white\/60 {
2131
- color: rgb(255 255 255 / 0.6);
2132
- }
2133
- .text-white\/70 {
2134
- color: rgb(255 255 255 / 0.7);
2135
- }
2136
- .text-white\/80 {
2137
- color: rgb(255 255 255 / 0.8);
2138
- }
2139
- .text-white\/90 {
2140
- color: rgb(255 255 255 / 0.9);
2141
- }
2142
- .underline {
2143
- text-decoration-line: underline;
2144
- }
2145
- .underline-offset-2 {
2146
- text-underline-offset: 2px;
2147
- }
2148
- .placeholder-white\/30::-moz-placeholder {
2149
- color: rgb(255 255 255 / 0.3);
2150
- }
2151
- .placeholder-white\/30::placeholder {
2152
- color: rgb(255 255 255 / 0.3);
2153
- }
2154
- .opacity-0 {
2155
- opacity: 0;
2156
- }
2157
- .opacity-10 {
2158
- opacity: 0.1;
2159
- }
2160
- .opacity-100 {
2161
- opacity: 1;
2162
- }
2163
- .opacity-15 {
2164
- opacity: 0.15;
2165
- }
2166
- .opacity-25 {
2167
- opacity: 0.25;
2168
- }
2169
- .opacity-40 {
2170
- opacity: 0.4;
2171
- }
2172
- .opacity-50 {
2173
- opacity: 0.5;
2174
- }
2175
- .opacity-60 {
2176
- opacity: 0.6;
2177
- }
2178
- .opacity-75 {
2179
- opacity: 0.75;
2180
- }
2181
- .shadow {
2182
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2183
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2184
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2185
- }
2186
- .shadow-2xl {
2187
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2188
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2189
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2190
- }
2191
- .shadow-glow {
2192
- --tw-shadow: var(--ml-shadow-glow);
2193
- --tw-shadow-colored: var(--ml-shadow-glow);
2194
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2195
- }
2196
- .shadow-lg {
2197
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2198
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2199
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2200
- }
2201
- .shadow-sm {
2202
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2203
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2204
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2205
- }
2206
- .shadow-xl {
2207
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2208
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2209
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2210
- }
2211
- .shadow-amber-600\/20 {
2212
- --tw-shadow-color: rgb(217 119 6 / 0.2);
2213
- --tw-shadow: var(--tw-shadow-colored);
2214
- }
2215
- .shadow-emerald-600\/20 {
2216
- --tw-shadow-color: rgb(5 150 105 / 0.2);
2217
- --tw-shadow: var(--tw-shadow-colored);
2218
- }
2219
- .shadow-rose-600\/20 {
2220
- --tw-shadow-color: rgb(225 29 72 / 0.2);
2221
- --tw-shadow: var(--tw-shadow-colored);
2222
- }
2223
- .outline-none {
2224
- outline: 2px solid transparent;
2225
- outline-offset: 2px;
2226
- }
2227
- .ring {
2228
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2229
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2230
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2231
- }
2232
- .ring-0 {
2233
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2234
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2235
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2236
- }
2237
- .ring-1 {
2238
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2239
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2240
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2241
- }
2242
- .ring-2 {
2243
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2244
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2245
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2246
- }
2247
- .ring-\[rgb\(var\(--ml-primary\)\)\] {
2248
- --tw-ring-color: rgb(var(--ml-primary));
2249
- }
2250
- .ring-accent\/20 {
2251
- --tw-ring-color: rgb(var(--ml-accent) / 0.2);
2252
- }
2253
- .ring-amber-500\/20 {
2254
- --tw-ring-color: rgb(245 158 11 / 0.2);
2255
- }
2256
- .ring-emerald-500\/20 {
2257
- --tw-ring-color: rgb(16 185 129 / 0.2);
2258
- }
2259
- .ring-primary\/20 {
2260
- --tw-ring-color: rgb(var(--ml-primary) / 0.2);
2261
- }
2262
- .ring-primary\/30 {
2263
- --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2264
- }
2265
- .ring-primary\/40 {
2266
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2267
- }
2268
- .ring-rose-500\/20 {
2269
- --tw-ring-color: rgb(244 63 94 / 0.2);
2270
- }
2271
- .ring-rose-500\/40 {
2272
- --tw-ring-color: rgb(244 63 94 / 0.4);
2273
- }
2274
- .ring-rose-500\/50 {
2275
- --tw-ring-color: rgb(244 63 94 / 0.5);
2276
- }
2277
- .ring-white\/10 {
2278
- --tw-ring-color: rgb(255 255 255 / 0.1);
2279
- }
2280
- .ring-offset-1 {
2281
- --tw-ring-offset-width: 1px;
2282
- }
2283
- .ring-offset-black\/50 {
2284
- --tw-ring-offset-color: rgb(0 0 0 / 0.5);
2285
- }
2286
- .blur {
2287
- --tw-blur: blur(8px);
2288
- 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);
2289
- }
2290
- .blur-\[120px\] {
2291
- --tw-blur: blur(120px);
2292
- 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);
2293
- }
2294
- .blur-\[140px\] {
2295
- --tw-blur: blur(140px);
2296
- 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);
2297
- }
2298
- .filter {
2299
- 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);
2300
- }
2301
- .backdrop-blur-md {
2302
- --tw-backdrop-blur: blur(12px);
2303
- 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);
2304
- }
2305
- .backdrop-blur-sm {
2306
- --tw-backdrop-blur: blur(4px);
2307
- 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);
2308
- }
2309
- .transition {
2310
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2311
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2312
- transition-duration: 150ms;
2313
- }
2314
- .transition-\[background-color\2c opacity\] {
2315
- transition-property: background-color,opacity;
2316
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2317
- transition-duration: 150ms;
2318
- }
2319
- .transition-\[grid-template-rows\] {
2320
- transition-property: grid-template-rows;
2321
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2322
- transition-duration: 150ms;
2323
- }
2324
- .transition-\[opacity\2c transform\] {
2325
- transition-property: opacity,transform;
2326
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2327
- transition-duration: 150ms;
2328
- }
2329
- .transition-\[transform\2c background-color\2c box-shadow\2c opacity\] {
2330
- transition-property: transform,background-color,box-shadow,opacity;
2331
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2332
- transition-duration: 150ms;
2333
- }
2334
- .transition-\[width\] {
2335
- transition-property: width;
2336
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2337
- transition-duration: 150ms;
2338
- }
2339
- .transition-all {
2340
- transition-property: all;
2341
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2342
- transition-duration: 150ms;
2343
- }
2344
- .transition-colors {
2345
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2346
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2347
- transition-duration: 150ms;
2348
- }
2349
- .transition-opacity {
2350
- transition-property: opacity;
2351
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2352
- transition-duration: 150ms;
2353
- }
2354
- .transition-shadow {
2355
- transition-property: box-shadow;
2356
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2357
- transition-duration: 150ms;
2358
- }
2359
- .transition-transform {
2360
- transition-property: transform;
2361
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2362
- transition-duration: 150ms;
2363
- }
2364
- .duration-100 {
2365
- transition-duration: 100ms;
2366
- }
2367
- .duration-150 {
2368
- transition-duration: 150ms;
2369
- }
2370
- .duration-200 {
2371
- transition-duration: 200ms;
2372
- }
2373
- .duration-300 {
2374
- transition-duration: 300ms;
2375
- }
2376
- .duration-500 {
2377
- transition-duration: 500ms;
2378
- }
2379
- .ease-in-out {
2380
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2381
- }
2382
- .ease-linear {
2383
- transition-timing-function: linear;
2384
- }
2385
- .ease-out {
2386
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2387
- }
2388
- .\[-webkit-tap-highlight-color\:transparent\] {
2389
- -webkit-tap-highlight-color: transparent;
2390
- }
2391
- .placeholder\:text-white\/30::-moz-placeholder {
2392
- color: rgb(255 255 255 / 0.3);
2393
- }
2394
- .placeholder\:text-white\/30::placeholder {
2395
- color: rgb(255 255 255 / 0.3);
2396
- }
2397
- .focus-within\:ring-2:focus-within {
2398
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2399
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2400
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2401
- }
2402
- .focus-within\:ring-primary\/40:focus-within {
2403
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2404
- }
2405
- .focus-within\:ring-rose-500\/40:focus-within {
2406
- --tw-ring-color: rgb(244 63 94 / 0.4);
2407
- }
2408
- .hover\:scale-105:hover {
2409
- --tw-scale-x: 1.05;
2410
- --tw-scale-y: 1.05;
2411
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2412
- }
2413
- .hover\:scale-\[1\.02\]:hover {
2414
- --tw-scale-x: 1.02;
2415
- --tw-scale-y: 1.02;
2416
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2417
- }
2418
- .hover\:border-primary\/50:hover {
2419
- border-color: rgb(var(--ml-primary) / 0.5);
2420
- }
2421
- .hover\:border-transparent:hover {
2422
- border-color: transparent;
2423
- }
2424
- .hover\:border-white\/20:hover {
2425
- border-color: rgb(255 255 255 / 0.2);
2426
- }
2427
- .hover\:bg-amber-700:hover {
2428
- --tw-bg-opacity: 1;
2429
- background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
2430
- }
2431
- .hover\:bg-emerald-700:hover {
2432
- --tw-bg-opacity: 1;
2433
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
2434
- }
2435
- .hover\:bg-rose-700:hover {
2436
- --tw-bg-opacity: 1;
2437
- background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
2438
- }
2439
- .hover\:bg-transparent:hover {
2440
- background-color: transparent;
2441
- }
2442
- .hover\:bg-white\/10:hover {
2443
- background-color: rgb(255 255 255 / 0.1);
2444
- }
2445
- .hover\:bg-white\/15:hover {
2446
- background-color: rgb(255 255 255 / 0.15);
2447
- }
2448
- .hover\:bg-white\/5:hover {
2449
- background-color: rgb(255 255 255 / 0.05);
2450
- }
2451
- .hover\:bg-white\/\[0\.03\]:hover {
2452
- background-color: rgb(255 255 255 / 0.03);
2453
- }
2454
- .hover\:bg-white\/\[0\.08\]:hover {
2455
- background-color: rgb(255 255 255 / 0.08);
2456
- }
2457
- .hover\:text-emerald-400:hover {
2458
- --tw-text-opacity: 1;
2459
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2460
- }
2461
- .hover\:text-white:hover {
2462
- --tw-text-opacity: 1;
2463
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2464
- }
2465
- .hover\:text-white\/40:hover {
2466
- color: rgb(255 255 255 / 0.4);
2467
- }
2468
- .hover\:text-white\/50:hover {
2469
- color: rgb(255 255 255 / 0.5);
2470
- }
2471
- .hover\:text-white\/60:hover {
2472
- color: rgb(255 255 255 / 0.6);
2473
- }
2474
- .hover\:text-white\/70:hover {
2475
- color: rgb(255 255 255 / 0.7);
2476
- }
2477
- .hover\:text-white\/80:hover {
2478
- color: rgb(255 255 255 / 0.8);
2479
- }
2480
- .hover\:text-white\/90:hover {
2481
- color: rgb(255 255 255 / 0.9);
2482
- }
2483
- .hover\:shadow-glow-lg:hover {
2484
- --tw-shadow: var(--ml-shadow-glow-lg);
2485
- --tw-shadow-colored: var(--ml-shadow-glow-lg);
2486
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2487
- }
2488
- .hover\:ring-white\/20:hover {
2489
- --tw-ring-color: rgb(255 255 255 / 0.2);
2490
- }
2491
- .hover\:brightness-\[0\.98\]:hover {
2492
- --tw-brightness: brightness(0.98);
2493
- 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);
2494
- }
2495
- .focus\:outline-none:focus {
2496
- outline: 2px solid transparent;
2497
- outline-offset: 2px;
2498
- }
2499
- .focus\:ring-rose-500\/40:focus {
2500
- --tw-ring-color: rgb(244 63 94 / 0.4);
2501
- }
2502
- .focus-visible\:bg-white\/10:focus-visible {
2503
- background-color: rgb(255 255 255 / 0.1);
2504
- }
2505
- .focus-visible\:text-white:focus-visible {
2506
- --tw-text-opacity: 1;
2507
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2508
- }
2509
- .focus-visible\:text-white\/70:focus-visible {
2510
- color: rgb(255 255 255 / 0.7);
2511
- }
2512
- .focus-visible\:outline-none:focus-visible {
2513
- outline: 2px solid transparent;
2514
- outline-offset: 2px;
2515
- }
2516
- .focus-visible\:ring-1:focus-visible {
2517
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2518
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2519
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2520
- }
2521
- .focus-visible\:ring-2:focus-visible {
2522
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2523
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2524
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2525
- }
2526
- .focus-visible\:ring-inset:focus-visible {
2527
- --tw-ring-inset: inset;
2528
- }
2529
- .focus-visible\:ring-primary:focus-visible {
2530
- --tw-ring-opacity: 1;
2531
- --tw-ring-color: rgb(var(--ml-primary) / var(--tw-ring-opacity, 1));
2532
- }
2533
- .focus-visible\:ring-primary\/30:focus-visible {
2534
- --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2535
- }
2536
- .focus-visible\:ring-primary\/40:focus-visible {
2537
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2538
- }
2539
- .focus-visible\:ring-primary\/60:focus-visible {
2540
- --tw-ring-color: rgb(var(--ml-primary) / 0.6);
2541
- }
2542
- .focus-visible\:ring-offset-1:focus-visible {
2543
- --tw-ring-offset-width: 1px;
2544
- }
2545
- .focus-visible\:ring-offset-2:focus-visible {
2546
- --tw-ring-offset-width: 2px;
2547
- }
2548
- .focus-visible\:ring-offset-surface:focus-visible {
2549
- --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2550
- }
2551
- .focus-visible\:ring-offset-transparent:focus-visible {
2552
- --tw-ring-offset-color: transparent;
2553
- }
2554
- .active\:translate-y-\[0\.5px\]:active {
2555
- --tw-translate-y: 0.5px;
2556
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2557
- }
2558
- .active\:scale-95:active {
2559
- --tw-scale-x: .95;
2560
- --tw-scale-y: .95;
2561
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2562
- }
2563
- .disabled\:pointer-events-none:disabled {
2564
- pointer-events: none;
2565
- }
2566
- .disabled\:cursor-not-allowed:disabled {
2567
- cursor: not-allowed;
2568
- }
2569
- .disabled\:opacity-60:disabled {
2570
- opacity: 0.6;
2571
- }
2572
- .peer:focus-visible ~ .peer-focus-visible\:ring-2 {
2573
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2574
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2575
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2576
- }
2577
- .peer:focus-visible ~ .peer-focus-visible\:ring-primary\/40 {
2578
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2579
- }
2580
- .peer:focus-visible ~ .peer-focus-visible\:ring-offset-1 {
2581
- --tw-ring-offset-width: 1px;
2582
- }
2583
- .peer:focus-visible ~ .peer-focus-visible\:ring-offset-transparent {
2584
- --tw-ring-offset-color: transparent;
2585
- }
2586
- @media (min-width: 640px) {
2587
- .sm\:mb-4 {
2588
- margin-bottom: 1rem;
2589
- }
2590
- .sm\:mb-6 {
2591
- margin-bottom: 1.5rem;
2592
- }
2593
- .sm\:w-auto {
2594
- width: auto;
2595
- }
2596
- .sm\:flex-row {
2597
- flex-direction: row;
2598
- }
2599
- .sm\:items-center {
2600
- align-items: center;
2601
- }
2602
- .sm\:justify-end {
2603
- justify-content: flex-end;
2604
- }
2605
- .sm\:rounded-2xl {
2606
- border-radius: 1rem;
2607
- }
2608
- .sm\:p-6 {
2609
- padding: 1.5rem;
2610
- }
2611
- .sm\:px-6 {
2612
- padding-left: 1.5rem;
2613
- padding-right: 1.5rem;
2614
- }
2615
- .sm\:py-2\.5 {
2616
- padding-top: 0.625rem;
2617
- padding-bottom: 0.625rem;
2618
- }
2619
- .sm\:text-2xl {
2620
- font-size: 1.5rem;
2621
- line-height: 2rem;
2622
- }
2623
- .sm\:text-4xl {
2624
- font-size: 2.25rem;
2625
- line-height: 2.5rem;
2626
- }
2627
- }
2628
- @media (min-width: 768px) {
2629
- .md\:grid-cols-2 {
2630
- grid-template-columns: repeat(2, minmax(0, 1fr));
2631
- }
2632
- }
2633
- @media (min-width: 1024px) {
2634
- .lg\:px-8 {
2635
- padding-left: 2rem;
2636
- padding-right: 2rem;
2637
- }
2638
- }
2639
- .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
2640
- height: 1rem;
2641
- }
2642
- .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
2643
- width: 1rem;
2644
- }
2645
- .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
2646
- border-radius: 9999px;
2647
- }
2648
- .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
2649
- border-width: 2px;
2650
- }
2651
- .\[\&\:\:-moz-range-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-moz-range-thumb {
2652
- border-color: rgb(var(--ml-primary,139 92 246));
2653
- }
2654
- .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
2655
- --tw-bg-opacity: 1;
2656
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2657
- }
2658
- .\[\&\:\:-moz-range-thumb\]\:transition-shadow::-moz-range-thumb {
2659
- -moz-transition-property: box-shadow;
2660
- transition-property: box-shadow;
2661
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2662
- transition-duration: 150ms;
2663
- }
2664
- .\[\&\:\:-moz-range-thumb\]\:duration-150::-moz-range-thumb {
2665
- transition-duration: 150ms;
2666
- }
2667
- .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb:focus-visible {
2668
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2669
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2670
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2671
- }
2672
- .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-primary\/40::-moz-range-thumb:focus-visible {
2673
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2674
- }
2675
- .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
2676
- border-radius: 9999px;
2677
- }
2678
- .\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track {
2679
- background-color: transparent;
2680
- }
2681
- .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
2682
- border-radius: 9999px;
2683
- }
2684
- .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/15::-webkit-scrollbar-thumb {
2685
- background-color: rgb(255 255 255 / 0.15);
2686
- }
2687
- .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/25::-webkit-scrollbar-thumb:hover {
2688
- background-color: rgb(255 255 255 / 0.25);
2689
- }
2690
- .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
2691
- background-color: transparent;
2692
- }
2693
- .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
2694
- height: 0.375rem;
2695
- }
2696
- .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
2697
- width: 0.375rem;
2698
- }
2699
- .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
2700
- height: 1rem;
2701
- }
2702
- .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
2703
- width: 1rem;
2704
- }
2705
- .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
2706
- -webkit-appearance: none;
2707
- appearance: none;
2708
- }
2709
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
2710
- border-radius: 9999px;
2711
- }
2712
- .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
2713
- border-width: 2px;
2714
- }
2715
- .\[\&\:\:-webkit-slider-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-webkit-slider-thumb {
2716
- border-color: rgb(var(--ml-primary,139 92 246));
2717
- }
2718
- .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
2719
- --tw-bg-opacity: 1;
2720
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2721
- }
2722
- .\[\&\:\:-webkit-slider-thumb\]\:transition-shadow::-webkit-slider-thumb {
2723
- -webkit-transition-property: box-shadow;
2724
- transition-property: box-shadow;
2725
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2726
- transition-duration: 150ms;
2727
- }
2728
- .\[\&\:\:-webkit-slider-thumb\]\:duration-150::-webkit-slider-thumb {
2729
- transition-duration: 150ms;
2730
- }
2731
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb:focus-visible {
2732
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2733
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2734
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2735
- }
2736
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-primary\/40::-webkit-slider-thumb:focus-visible {
2737
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2738
- }
2739
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-2::-webkit-slider-thumb:focus-visible {
2740
- --tw-ring-offset-width: 2px;
2741
- }
2742
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-surface::-webkit-slider-thumb:focus-visible {
2743
- --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2744
- }
590
+ }
591
+ body {
592
+ background-color: rgb(var(--ml-bg, 10 10 15));
593
+ color: rgb(var(--ml-fg, 249 250 251));
594
+ font-family: var(--ml-font-sans);
595
+ -webkit-font-smoothing: antialiased;
596
+ -moz-osx-font-smoothing: grayscale;
597
+ }
598
+ /* Scrollbar */
599
+ ::-webkit-scrollbar {
600
+ width: 6px;
601
+ }
602
+ ::-webkit-scrollbar-track {
603
+ background: rgb(var(--ml-surface-50, 15 15 24));
604
+ }
605
+ ::-webkit-scrollbar-thumb {
606
+ background: rgb(var(--ml-surface-300, 36 36 58));
607
+ border-radius: 9999px;
608
+ }
609
+ /* Global focus-visible */
610
+ :where(a, button, input, select, textarea, [role='button'], [role='menuitem'], [role='tab']):focus-visible {
611
+ outline: none;
612
+ box-shadow:
613
+ 0 0 0 2px rgb(var(--ml-primary, 139 92 246)),
614
+ 0 0 0 4px transparent;
615
+ }
616
+ /* Dark select */
617
+ select {
618
+ color-scheme: dark;
619
+ }
620
+ select option,
621
+ select optgroup {
622
+ background-color: rgb(var(--ml-surface-50, 15 15 24));
623
+ color: rgb(var(--ml-fg, 249 250 251));
624
+ }
625
+ /* Accessibility: link underline offset */
626
+ a {
627
+ text-underline-offset: 0.18em;
628
+ }
629
+ .container {
630
+ width: 100%;
631
+ }
632
+ @media (min-width: 640px) {
633
+ .container {
634
+ max-width: 640px;
635
+ }
636
+ }
637
+ @media (min-width: 768px) {
638
+ .container {
639
+ max-width: 768px;
640
+ }
641
+ }
642
+ @media (min-width: 1024px) {
643
+ .container {
644
+ max-width: 1024px;
645
+ }
646
+ }
647
+ @media (min-width: 1280px) {
648
+ .container {
649
+ max-width: 1280px;
650
+ }
651
+ }
652
+ @media (min-width: 1536px) {
653
+ .container {
654
+ max-width: 1536px;
655
+ }
656
+ }
657
+ /* Glass morphism */
658
+ .glass {
659
+ border-radius: var(--ml-radius-md, 0.75rem);
660
+ background: var(--ml-glass-bg, rgba(255, 255, 255, 0.05));
661
+ backdrop-filter: blur(var(--ml-glass-blur, 16px));
662
+ -webkit-backdrop-filter: blur(var(--ml-glass-blur, 16px));
663
+ box-shadow:
664
+ 0 1px 3px rgba(0, 0, 0, 0.35),
665
+ inset 0 0 0 1px var(--ml-glass-border, rgba(255, 255, 255, 0.1));
666
+ }
667
+ /* Surface card */
668
+ .surface {
669
+ border-radius: var(--ml-radius-md, 0.75rem);
670
+ background: rgba(255, 255, 255, 0.06);
671
+ backdrop-filter: blur(12px);
672
+ -webkit-backdrop-filter: blur(12px);
673
+ box-shadow: var(
674
+ --ml-shadow-surface,
675
+ 0 1px 3px rgba(0, 0, 0, 0.3),
676
+ inset 0 0 0 1px rgba(255, 255, 255, 0.08)
677
+ );
678
+ }
679
+ .surface-hover {
680
+ transition: box-shadow var(--ml-transition-fast, 150ms ease);
681
+ }
682
+ .surface-hover:hover {
683
+ box-shadow: var(
684
+ --ml-shadow-surface-hover,
685
+ 0 10px 25px rgba(0, 0, 0, 0.45),
686
+ inset 0 0 0 1px rgba(255, 255, 255, 0.09)
687
+ );
688
+ }
689
+ /* Section title — heading inside a card */
690
+ /* Gradient text */
691
+ .text-gradient {
692
+ background: linear-gradient(
693
+ 135deg,
694
+ rgb(var(--ml-accent, 102 126 234)) 0%,
695
+ rgb(var(--ml-glow-purple, 118 75 162)) 50%,
696
+ rgb(var(--ml-glow-pink, 240 147 251)) 100%
697
+ );
698
+ -webkit-background-clip: text;
699
+ -webkit-text-fill-color: transparent;
700
+ background-clip: text;
701
+ }
702
+ /* Animated gradient background */
703
+ .animated-gradient {
704
+ background: linear-gradient(
705
+ 270deg,
706
+ rgb(var(--ml-accent, 102 126 234)),
707
+ rgb(var(--ml-glow-purple, 118 75 162)),
708
+ rgb(var(--ml-glow-pink, 240 147 251))
709
+ );
710
+ background-size: 400% 400%;
711
+ animation: ml-gradient 15s ease infinite;
712
+ }
713
+ /* Page container */
714
+ /* Decorative orbs */
715
+ .orb {
716
+ position: absolute;
717
+ border-radius: 50%;
718
+ filter: blur(80px);
719
+ opacity: 0.3;
720
+ pointer-events: none;
721
+ }
722
+ .orb-purple {
723
+ background: rgb(var(--ml-glow-purple, 118 75 162));
724
+ }
725
+ .orb-blue {
726
+ background: rgb(var(--ml-accent, 102 126 234));
727
+ }
728
+ /* iOS safe-area */
729
+ .pb-safe {
730
+ padding-bottom: calc(1rem + env(safe-area-inset-bottom));
731
+ }
732
+ /* Hide scrollbar */
733
+ .no-scrollbar::-webkit-scrollbar {
734
+ display: none;
735
+ }
736
+ .no-scrollbar {
737
+ -ms-overflow-style: none;
738
+ scrollbar-width: none;
739
+ }
740
+ /* Soft link */
741
+ .sr-only {
742
+ position: absolute;
743
+ width: 1px;
744
+ height: 1px;
745
+ padding: 0;
746
+ margin: -1px;
747
+ overflow: hidden;
748
+ clip: rect(0, 0, 0, 0);
749
+ white-space: nowrap;
750
+ border-width: 0;
751
+ }
752
+ .pointer-events-none {
753
+ pointer-events: none;
754
+ }
755
+ .pointer-events-auto {
756
+ pointer-events: auto;
757
+ }
758
+ .visible {
759
+ visibility: visible;
760
+ }
761
+ .collapse {
762
+ visibility: collapse;
763
+ }
764
+ .static {
765
+ position: static;
766
+ }
767
+ .fixed {
768
+ position: fixed;
769
+ }
770
+ .absolute {
771
+ position: absolute;
772
+ }
773
+ .relative {
774
+ position: relative;
775
+ }
776
+ .sticky {
777
+ position: sticky;
778
+ }
779
+ .inset-0 {
780
+ inset: 0px;
781
+ }
782
+ .inset-x-0 {
783
+ left: 0px;
784
+ right: 0px;
785
+ }
786
+ .inset-y-0 {
787
+ top: 0px;
788
+ bottom: 0px;
789
+ }
790
+ .-left-32 {
791
+ left: -8rem;
792
+ }
793
+ .-left-\[150px\] {
794
+ left: -150px;
795
+ }
796
+ .-right-32 {
797
+ right: -8rem;
798
+ }
799
+ .-right-\[100px\] {
800
+ right: -100px;
801
+ }
802
+ .-top-32 {
803
+ top: -8rem;
804
+ }
805
+ .-top-\[150px\] {
806
+ top: -150px;
807
+ }
808
+ .bottom-0 {
809
+ bottom: 0px;
810
+ }
811
+ .bottom-4 {
812
+ bottom: 1rem;
813
+ }
814
+ .left-0 {
815
+ left: 0px;
816
+ }
817
+ .left-0\.5 {
818
+ left: 0.125rem;
819
+ }
820
+ .left-1\/2 {
821
+ left: 50%;
822
+ }
823
+ .left-3 {
824
+ left: 0.75rem;
825
+ }
826
+ .right-0 {
827
+ right: 0px;
828
+ }
829
+ .right-2 {
830
+ right: 0.5rem;
831
+ }
832
+ .right-3 {
833
+ right: 0.75rem;
834
+ }
835
+ .right-4 {
836
+ right: 1rem;
837
+ }
838
+ .top-0 {
839
+ top: 0px;
840
+ }
841
+ .top-0\.5 {
842
+ top: 0.125rem;
843
+ }
844
+ .top-1\/2 {
845
+ top: 50%;
846
+ }
847
+ .top-2 {
848
+ top: 0.5rem;
849
+ }
850
+ .top-20 {
851
+ top: 5rem;
852
+ }
853
+ .top-4 {
854
+ top: 1rem;
855
+ }
856
+ .top-\[60\%\] {
857
+ top: 60%;
858
+ }
859
+ .z-10 {
860
+ z-index: 10;
861
+ }
862
+ .z-50 {
863
+ z-index: 50;
864
+ }
865
+ .z-\[9999\] {
866
+ z-index: 9999;
867
+ }
868
+ .float-none {
869
+ float: none;
870
+ }
871
+ .m-0 {
872
+ margin: 0px;
873
+ }
874
+ .mx-2 {
875
+ margin-left: 0.5rem;
876
+ margin-right: 0.5rem;
877
+ }
878
+ .mx-3 {
879
+ margin-left: 0.75rem;
880
+ margin-right: 0.75rem;
881
+ }
882
+ .mx-auto {
883
+ margin-left: auto;
884
+ margin-right: auto;
885
+ }
886
+ .my-1 {
887
+ margin-top: 0.25rem;
888
+ margin-bottom: 0.25rem;
889
+ }
890
+ .my-3 {
891
+ margin-top: 0.75rem;
892
+ margin-bottom: 0.75rem;
893
+ }
894
+ .-mb-px {
895
+ margin-bottom: -1px;
896
+ }
897
+ .mb-0\.5 {
898
+ margin-bottom: 0.125rem;
899
+ }
900
+ .mb-1 {
901
+ margin-bottom: 0.25rem;
902
+ }
903
+ .mb-1\.5 {
904
+ margin-bottom: 0.375rem;
905
+ }
906
+ .mb-2 {
907
+ margin-bottom: 0.5rem;
908
+ }
909
+ .mb-3 {
910
+ margin-bottom: 0.75rem;
911
+ }
912
+ .mb-4 {
913
+ margin-bottom: 1rem;
914
+ }
915
+ .mb-6 {
916
+ margin-bottom: 1.5rem;
917
+ }
918
+ .ml-0\.5 {
919
+ margin-left: 0.125rem;
920
+ }
921
+ .ml-7 {
922
+ margin-left: 1.75rem;
923
+ }
924
+ .ml-auto {
925
+ margin-left: auto;
926
+ }
927
+ .mt-0\.5 {
928
+ margin-top: 0.125rem;
929
+ }
930
+ .mt-1 {
931
+ margin-top: 0.25rem;
932
+ }
933
+ .mt-1\.5 {
934
+ margin-top: 0.375rem;
935
+ }
936
+ .mt-2 {
937
+ margin-top: 0.5rem;
938
+ }
939
+ .mt-3 {
940
+ margin-top: 0.75rem;
941
+ }
942
+ .mt-4 {
943
+ margin-top: 1rem;
944
+ }
945
+ .block {
946
+ display: block;
947
+ }
948
+ .inline-block {
949
+ display: inline-block;
950
+ }
951
+ .inline {
952
+ display: inline;
953
+ }
954
+ .flex {
955
+ display: flex;
956
+ }
957
+ .inline-flex {
958
+ display: inline-flex;
959
+ }
960
+ .table {
961
+ display: table;
962
+ }
963
+ .grid {
964
+ display: grid;
965
+ }
966
+ .hidden {
967
+ display: none;
968
+ }
969
+ .h-0\.5 {
970
+ height: 0.125rem;
971
+ }
972
+ .h-1 {
973
+ height: 0.25rem;
974
+ }
975
+ .h-1\.5 {
976
+ height: 0.375rem;
977
+ }
978
+ .h-1\/2 {
979
+ height: 50%;
980
+ }
981
+ .h-1\/3 {
982
+ height: 33.333333%;
983
+ }
984
+ .h-1\/4 {
985
+ height: 25%;
986
+ }
987
+ .h-10 {
988
+ height: 2.5rem;
989
+ }
990
+ .h-11 {
991
+ height: 2.75rem;
992
+ }
993
+ .h-12 {
994
+ height: 3rem;
995
+ }
996
+ .h-14 {
997
+ height: 3.5rem;
998
+ }
999
+ .h-16 {
1000
+ height: 4rem;
1001
+ }
1002
+ .h-2 {
1003
+ height: 0.5rem;
1004
+ }
1005
+ .h-2\.5 {
1006
+ height: 0.625rem;
1007
+ }
1008
+ .h-20 {
1009
+ height: 5rem;
1010
+ }
1011
+ .h-28 {
1012
+ height: 7rem;
1013
+ }
1014
+ .h-3 {
1015
+ height: 0.75rem;
1016
+ }
1017
+ .h-3\.5 {
1018
+ height: 0.875rem;
1019
+ }
1020
+ .h-32 {
1021
+ height: 8rem;
1022
+ }
1023
+ .h-4 {
1024
+ height: 1rem;
1025
+ }
1026
+ .h-40 {
1027
+ height: 10rem;
1028
+ }
1029
+ .h-5 {
1030
+ height: 1.25rem;
1031
+ }
1032
+ .h-6 {
1033
+ height: 1.5rem;
1034
+ }
1035
+ .h-7 {
1036
+ height: 1.75rem;
1037
+ }
1038
+ .h-8 {
1039
+ height: 2rem;
1040
+ }
1041
+ .h-9 {
1042
+ height: 2.25rem;
1043
+ }
1044
+ .h-\[18px\] {
1045
+ height: 18px;
1046
+ }
1047
+ .h-\[2px\] {
1048
+ height: 2px;
1049
+ }
1050
+ .h-\[300px\] {
1051
+ height: 300px;
1052
+ }
1053
+ .h-\[400px\] {
1054
+ height: 400px;
1055
+ }
1056
+ .h-\[500px\] {
1057
+ height: 500px;
1058
+ }
1059
+ .h-\[600px\] {
1060
+ height: 600px;
1061
+ }
1062
+ .h-full {
1063
+ height: 100%;
1064
+ }
1065
+ .h-screen {
1066
+ height: 100vh;
1067
+ }
1068
+ .max-h-60 {
1069
+ max-height: 15rem;
1070
+ }
1071
+ .min-h-\[320px\] {
1072
+ min-height: 320px;
1073
+ }
1074
+ .min-h-\[42px\] {
1075
+ min-height: 42px;
1076
+ }
1077
+ .min-h-full {
1078
+ min-height: 100%;
1079
+ }
1080
+ .min-h-screen {
1081
+ min-height: 100vh;
1082
+ }
1083
+ .w-1\.5 {
1084
+ width: 0.375rem;
1085
+ }
1086
+ .w-1\/2 {
1087
+ width: 50%;
1088
+ }
1089
+ .w-10 {
1090
+ width: 2.5rem;
1091
+ }
1092
+ .w-11 {
1093
+ width: 2.75rem;
1094
+ }
1095
+ .w-12 {
1096
+ width: 3rem;
1097
+ }
1098
+ .w-16 {
1099
+ width: 4rem;
1100
+ }
1101
+ .w-2 {
1102
+ width: 0.5rem;
1103
+ }
1104
+ .w-2\.5 {
1105
+ width: 0.625rem;
1106
+ }
1107
+ .w-20 {
1108
+ width: 5rem;
1109
+ }
1110
+ .w-3 {
1111
+ width: 0.75rem;
1112
+ }
1113
+ .w-3\.5 {
1114
+ width: 0.875rem;
1115
+ }
1116
+ .w-3\/4 {
1117
+ width: 75%;
1118
+ }
1119
+ .w-4 {
1120
+ width: 1rem;
1121
+ }
1122
+ .w-4\/6 {
1123
+ width: 66.666667%;
1124
+ }
1125
+ .w-48 {
1126
+ width: 12rem;
1127
+ }
1128
+ .w-5 {
1129
+ width: 1.25rem;
1130
+ }
1131
+ .w-5\/6 {
1132
+ width: 83.333333%;
1133
+ }
1134
+ .w-56 {
1135
+ width: 14rem;
1136
+ }
1137
+ .w-6 {
1138
+ width: 1.5rem;
1139
+ }
1140
+ .w-64 {
1141
+ width: 16rem;
1142
+ }
1143
+ .w-7 {
1144
+ width: 1.75rem;
1145
+ }
1146
+ .w-72 {
1147
+ width: 18rem;
1148
+ }
1149
+ .w-8 {
1150
+ width: 2rem;
1151
+ }
1152
+ .w-80 {
1153
+ width: 20rem;
1154
+ }
1155
+ .w-9 {
1156
+ width: 2.25rem;
1157
+ }
1158
+ .w-96 {
1159
+ width: 24rem;
1160
+ }
1161
+ .w-\[300px\] {
1162
+ width: 300px;
1163
+ }
1164
+ .w-\[360px\] {
1165
+ width: 360px;
1166
+ }
1167
+ .w-\[3px\] {
1168
+ width: 3px;
1169
+ }
1170
+ .w-\[400px\] {
1171
+ width: 400px;
1172
+ }
1173
+ .w-\[500px\] {
1174
+ width: 500px;
1175
+ }
1176
+ .w-\[600px\] {
1177
+ width: 600px;
1178
+ }
1179
+ .w-\[900px\] {
1180
+ width: 900px;
1181
+ }
1182
+ .w-fit {
1183
+ width: -moz-fit-content;
1184
+ width: fit-content;
1185
+ }
1186
+ .w-full {
1187
+ width: 100%;
1188
+ }
1189
+ .w-screen {
1190
+ width: 100vw;
1191
+ }
1192
+ .min-w-0 {
1193
+ min-width: 0px;
1194
+ }
1195
+ .min-w-52 {
1196
+ min-width: 13rem;
1197
+ }
1198
+ .min-w-\[10rem\] {
1199
+ min-width: 10rem;
1200
+ }
1201
+ .min-w-\[120px\] {
1202
+ min-width: 120px;
1203
+ }
1204
+ .min-w-\[16px\] {
1205
+ min-width: 16px;
1206
+ }
1207
+ .min-w-\[180px\] {
1208
+ min-width: 180px;
1209
+ }
1210
+ .min-w-\[18px\] {
1211
+ min-width: 18px;
1212
+ }
1213
+ .min-w-\[20px\] {
1214
+ min-width: 20px;
1215
+ }
1216
+ .max-w-2xl {
1217
+ max-width: 42rem;
1218
+ }
1219
+ .max-w-4xl {
1220
+ max-width: 56rem;
1221
+ }
1222
+ .max-w-5xl {
1223
+ max-width: 64rem;
1224
+ }
1225
+ .max-w-7xl {
1226
+ max-width: 80rem;
1227
+ }
1228
+ .max-w-\[320px\] {
1229
+ max-width: 320px;
1230
+ }
1231
+ .max-w-\[6rem\] {
1232
+ max-width: 6rem;
1233
+ }
1234
+ .max-w-\[92rem\] {
1235
+ max-width: 92rem;
1236
+ }
1237
+ .max-w-\[calc\(100vw-2rem\)\] {
1238
+ max-width: calc(100vw - 2rem);
1239
+ }
1240
+ .max-w-full {
1241
+ max-width: 100%;
1242
+ }
1243
+ .max-w-lg {
1244
+ max-width: 32rem;
1245
+ }
1246
+ .max-w-md {
1247
+ max-width: 28rem;
1248
+ }
1249
+ .max-w-xl {
1250
+ max-width: 36rem;
1251
+ }
1252
+ .flex-1 {
1253
+ flex: 1 1 0%;
1254
+ }
1255
+ .flex-shrink-0 {
1256
+ flex-shrink: 0;
1257
+ }
1258
+ .shrink-0 {
1259
+ flex-shrink: 0;
1260
+ }
1261
+ .-translate-x-1\/2 {
1262
+ --tw-translate-x: -50%;
1263
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1264
+ }
1265
+ .-translate-x-full {
1266
+ --tw-translate-x: -100%;
1267
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1268
+ }
1269
+ .-translate-y-1 {
1270
+ --tw-translate-y: -0.25rem;
1271
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1272
+ }
1273
+ .-translate-y-1\/2 {
1274
+ --tw-translate-y: -50%;
1275
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1276
+ }
1277
+ .-translate-y-2 {
1278
+ --tw-translate-y: -0.5rem;
1279
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1280
+ }
1281
+ .translate-x-0 {
1282
+ --tw-translate-x: 0px;
1283
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1284
+ }
1285
+ .translate-x-4 {
1286
+ --tw-translate-x: 1rem;
1287
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1288
+ }
1289
+ .translate-x-5 {
1290
+ --tw-translate-x: 1.25rem;
1291
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1292
+ }
1293
+ .translate-x-8 {
1294
+ --tw-translate-x: 2rem;
1295
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1296
+ }
1297
+ .translate-x-full {
1298
+ --tw-translate-x: 100%;
1299
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1300
+ }
1301
+ .translate-y-0 {
1302
+ --tw-translate-y: 0px;
1303
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1304
+ }
1305
+ .translate-y-2 {
1306
+ --tw-translate-y: 0.5rem;
1307
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1308
+ }
1309
+ .translate-y-full {
1310
+ --tw-translate-y: 100%;
1311
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1312
+ }
1313
+ .-rotate-90 {
1314
+ --tw-rotate: -90deg;
1315
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1316
+ }
1317
+ .rotate-180 {
1318
+ --tw-rotate: 180deg;
1319
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1320
+ }
1321
+ .rotate-90 {
1322
+ --tw-rotate: 90deg;
1323
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1324
+ }
1325
+ .skew-x-\[-20deg\] {
1326
+ --tw-skew-x: -20deg;
1327
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1328
+ }
1329
+ .scale-100 {
1330
+ --tw-scale-x: 1;
1331
+ --tw-scale-y: 1;
1332
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1333
+ }
1334
+ .scale-95 {
1335
+ --tw-scale-x: .95;
1336
+ --tw-scale-y: .95;
1337
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1338
+ }
1339
+ .transform {
1340
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1341
+ }
1342
+ @keyframes ml-shimmer {
1343
+ 0% {
1344
+ transform: translateX(-200%);
1345
+ }
1346
+ 100% {
1347
+ transform: translateX(200%);
1348
+ }
1349
+ }
1350
+ .animate-\[ml-shimmer_2s_ease-in-out_infinite\] {
1351
+ animation: ml-shimmer 2s ease-in-out infinite;
1352
+ }
1353
+ @keyframes ml-modal-backdrop {
1354
+ from {
1355
+ opacity: 0;
1356
+ }
1357
+ to {
1358
+ opacity: 1;
1359
+ }
1360
+ }
1361
+ .animate-modal-backdrop {
1362
+ animation: ml-modal-backdrop 140ms ease-out both;
1363
+ }
1364
+ @keyframes ml-modal-pop {
1365
+ from {
1366
+ opacity: 0;
1367
+ transform: translateY(6px) scale(0.98);
1368
+ }
1369
+ to {
1370
+ opacity: 1;
1371
+ transform: translateY(0) scale(1);
1372
+ }
1373
+ }
1374
+ .animate-modal-pop {
1375
+ animation: ml-modal-pop 160ms cubic-bezier(0.22,1,0.36,1) both;
1376
+ }
1377
+ @keyframes ping {
1378
+ 75%, 100% {
1379
+ transform: scale(2);
1380
+ opacity: 0;
1381
+ }
1382
+ }
1383
+ .animate-ping {
1384
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1385
+ }
1386
+ @keyframes pulse {
1387
+ 50% {
1388
+ opacity: .5;
1389
+ }
1390
+ }
1391
+ .animate-pulse {
1392
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1393
+ }
1394
+ @keyframes ml-spin {
1395
+ from {
1396
+ transform: rotate(0deg);
1397
+ }
1398
+ to {
1399
+ transform: rotate(360deg);
1400
+ }
1401
+ }
1402
+ .animate-spin {
1403
+ animation: ml-spin 1s linear infinite;
1404
+ }
1405
+ .cursor-not-allowed {
1406
+ cursor: not-allowed;
1407
+ }
1408
+ .cursor-pointer {
1409
+ cursor: pointer;
1410
+ }
1411
+ .select-none {
1412
+ -webkit-user-select: none;
1413
+ -moz-user-select: none;
1414
+ user-select: none;
1415
+ }
1416
+ .select-all {
1417
+ -webkit-user-select: all;
1418
+ -moz-user-select: all;
1419
+ user-select: all;
1420
+ }
1421
+ .resize-y {
1422
+ resize: vertical;
1423
+ }
1424
+ .resize {
1425
+ resize: both;
1426
+ }
1427
+ .appearance-none {
1428
+ -webkit-appearance: none;
1429
+ -moz-appearance: none;
1430
+ appearance: none;
1431
+ }
1432
+ .grid-cols-1 {
1433
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1434
+ }
1435
+ .grid-rows-\[0fr\] {
1436
+ grid-template-rows: 0fr;
1437
+ }
1438
+ .grid-rows-\[1fr\] {
1439
+ grid-template-rows: 1fr;
1440
+ }
1441
+ .flex-row {
1442
+ flex-direction: row;
1443
+ }
1444
+ .flex-col {
1445
+ flex-direction: column;
1446
+ }
1447
+ .flex-col-reverse {
1448
+ flex-direction: column-reverse;
1449
+ }
1450
+ .flex-wrap {
1451
+ flex-wrap: wrap;
1452
+ }
1453
+ .items-start {
1454
+ align-items: flex-start;
1455
+ }
1456
+ .items-end {
1457
+ align-items: flex-end;
1458
+ }
1459
+ .items-center {
1460
+ align-items: center;
1461
+ }
1462
+ .items-baseline {
1463
+ align-items: baseline;
1464
+ }
1465
+ .items-stretch {
1466
+ align-items: stretch;
1467
+ }
1468
+ .justify-start {
1469
+ justify-content: flex-start;
1470
+ }
1471
+ .justify-end {
1472
+ justify-content: flex-end;
1473
+ }
1474
+ .justify-center {
1475
+ justify-content: center;
1476
+ }
1477
+ .justify-between {
1478
+ justify-content: space-between;
1479
+ }
1480
+ .justify-around {
1481
+ justify-content: space-around;
1482
+ }
1483
+ .justify-evenly {
1484
+ justify-content: space-evenly;
1485
+ }
1486
+ .gap-0 {
1487
+ gap: 0px;
1488
+ }
1489
+ .gap-0\.5 {
1490
+ gap: 0.125rem;
1491
+ }
1492
+ .gap-1 {
1493
+ gap: 0.25rem;
1494
+ }
1495
+ .gap-1\.5 {
1496
+ gap: 0.375rem;
1497
+ }
1498
+ .gap-10 {
1499
+ gap: 2.5rem;
1500
+ }
1501
+ .gap-12 {
1502
+ gap: 3rem;
1503
+ }
1504
+ .gap-2 {
1505
+ gap: 0.5rem;
1506
+ }
1507
+ .gap-2\.5 {
1508
+ gap: 0.625rem;
1509
+ }
1510
+ .gap-3 {
1511
+ gap: 0.75rem;
1512
+ }
1513
+ .gap-4 {
1514
+ gap: 1rem;
1515
+ }
1516
+ .gap-5 {
1517
+ gap: 1.25rem;
1518
+ }
1519
+ .gap-6 {
1520
+ gap: 1.5rem;
1521
+ }
1522
+ .gap-8 {
1523
+ gap: 2rem;
1524
+ }
1525
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1526
+ --tw-space-y-reverse: 0;
1527
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1528
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1529
+ }
1530
+ .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1531
+ --tw-space-y-reverse: 0;
1532
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1533
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1534
+ }
1535
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1536
+ --tw-space-y-reverse: 0;
1537
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1538
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1539
+ }
1540
+ .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1541
+ --tw-space-y-reverse: 0;
1542
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1543
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1544
+ }
1545
+ .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1546
+ --tw-space-y-reverse: 0;
1547
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1548
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1549
+ }
1550
+ .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1551
+ --tw-space-y-reverse: 0;
1552
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1553
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1554
+ }
1555
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1556
+ --tw-divide-y-reverse: 0;
1557
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1558
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1559
+ }
1560
+ .divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) {
1561
+ border-color: rgb(255 255 255 / 0.06);
1562
+ }
1563
+ .self-start {
1564
+ align-self: flex-start;
1565
+ }
1566
+ .self-stretch {
1567
+ align-self: stretch;
1568
+ }
1569
+ .overflow-auto {
1570
+ overflow: auto;
1571
+ }
1572
+ .overflow-hidden {
1573
+ overflow: hidden;
1574
+ }
1575
+ .overflow-x-auto {
1576
+ overflow-x: auto;
1577
+ }
1578
+ .overflow-y-auto {
1579
+ overflow-y: auto;
1580
+ }
1581
+ .overflow-x-hidden {
1582
+ overflow-x: hidden;
1583
+ }
1584
+ .overflow-y-hidden {
1585
+ overflow-y: hidden;
1586
+ }
1587
+ .truncate {
1588
+ overflow: hidden;
1589
+ text-overflow: ellipsis;
1590
+ white-space: nowrap;
1591
+ }
1592
+ .rounded-2xl {
1593
+ border-radius: 1rem;
1594
+ }
1595
+ .rounded-full {
1596
+ border-radius: 9999px;
1597
+ }
1598
+ .rounded-lg {
1599
+ border-radius: 0.5rem;
1600
+ }
1601
+ .rounded-md {
1602
+ border-radius: 0.375rem;
1603
+ }
1604
+ .rounded-xl {
1605
+ border-radius: 0.75rem;
1606
+ }
1607
+ .rounded-t-3xl {
1608
+ border-top-left-radius: 1.5rem;
1609
+ border-top-right-radius: 1.5rem;
1610
+ }
1611
+ .border {
1612
+ border-width: 1px;
1613
+ }
1614
+ .border-2 {
1615
+ border-width: 2px;
1616
+ }
1617
+ .border-b {
1618
+ border-bottom-width: 1px;
1619
+ }
1620
+ .border-b-2 {
1621
+ border-bottom-width: 2px;
1622
+ }
1623
+ .border-l {
1624
+ border-left-width: 1px;
1625
+ }
1626
+ .border-l-4 {
1627
+ border-left-width: 4px;
1628
+ }
1629
+ .border-t {
1630
+ border-top-width: 1px;
1631
+ }
1632
+ .border-dashed {
1633
+ border-style: dashed;
1634
+ }
1635
+ .border-none {
1636
+ border-style: none;
1637
+ }
1638
+ .border-amber-500 {
1639
+ --tw-border-opacity: 1;
1640
+ border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
1641
+ }
1642
+ .border-blue-500 {
1643
+ --tw-border-opacity: 1;
1644
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1645
+ }
1646
+ .border-emerald-500 {
1647
+ --tw-border-opacity: 1;
1648
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
1649
+ }
1650
+ .border-primary {
1651
+ --tw-border-opacity: 1;
1652
+ border-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1653
+ }
1654
+ .border-primary\/30 {
1655
+ border-color: rgb(var(--ml-primary) / 0.3);
1656
+ }
1657
+ .border-rose-500 {
1658
+ --tw-border-opacity: 1;
1659
+ border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
1660
+ }
1661
+ .border-transparent {
1662
+ border-color: transparent;
1663
+ }
1664
+ .border-white\/10 {
1665
+ border-color: rgb(255 255 255 / 0.1);
1666
+ }
1667
+ .border-white\/15 {
1668
+ border-color: rgb(255 255 255 / 0.15);
1669
+ }
1670
+ .border-white\/20 {
1671
+ border-color: rgb(255 255 255 / 0.2);
1672
+ }
1673
+ .border-white\/30 {
1674
+ border-color: rgb(255 255 255 / 0.3);
1675
+ }
1676
+ .border-white\/\[0\.06\] {
1677
+ border-color: rgb(255 255 255 / 0.06);
1678
+ }
1679
+ .border-t-primary {
1680
+ --tw-border-opacity: 1;
1681
+ border-top-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1682
+ }
1683
+ .border-t-white {
1684
+ --tw-border-opacity: 1;
1685
+ border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1686
+ }
1687
+ .bg-\[rgb\(var\(--ml-primary\)\)\] {
1688
+ background-color: rgb(var(--ml-primary));
1689
+ }
1690
+ .bg-accent\/15 {
1691
+ background-color: rgb(var(--ml-accent) / 0.15);
1692
+ }
1693
+ .bg-accent\/\[0\.10\] {
1694
+ background-color: rgb(var(--ml-accent) / 0.10);
1695
+ }
1696
+ .bg-amber-400 {
1697
+ --tw-bg-opacity: 1;
1698
+ background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
1699
+ }
1700
+ .bg-amber-400\/30 {
1701
+ background-color: rgb(251 191 36 / 0.3);
1702
+ }
1703
+ .bg-amber-500 {
1704
+ --tw-bg-opacity: 1;
1705
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
1706
+ }
1707
+ .bg-amber-500\/15 {
1708
+ background-color: rgb(245 158 11 / 0.15);
1709
+ }
1710
+ .bg-amber-600 {
1711
+ --tw-bg-opacity: 1;
1712
+ background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
1713
+ }
1714
+ .bg-black\/25 {
1715
+ background-color: rgb(0 0 0 / 0.25);
1716
+ }
1717
+ .bg-black\/40 {
1718
+ background-color: rgb(0 0 0 / 0.4);
1719
+ }
1720
+ .bg-emerald-400 {
1721
+ --tw-bg-opacity: 1;
1722
+ background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
1723
+ }
1724
+ .bg-emerald-400\/20 {
1725
+ background-color: rgb(52 211 153 / 0.2);
1726
+ }
1727
+ .bg-emerald-400\/30 {
1728
+ background-color: rgb(52 211 153 / 0.3);
1729
+ }
1730
+ .bg-emerald-500 {
1731
+ --tw-bg-opacity: 1;
1732
+ background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1733
+ }
1734
+ .bg-emerald-500\/15 {
1735
+ background-color: rgb(16 185 129 / 0.15);
1736
+ }
1737
+ .bg-emerald-600 {
1738
+ --tw-bg-opacity: 1;
1739
+ background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1740
+ }
1741
+ .bg-primary {
1742
+ --tw-bg-opacity: 1;
1743
+ background-color: rgb(var(--ml-primary) / var(--tw-bg-opacity, 1));
1744
+ }
1745
+ .bg-primary\/10 {
1746
+ background-color: rgb(var(--ml-primary) / 0.1);
1747
+ }
1748
+ .bg-primary\/15 {
1749
+ background-color: rgb(var(--ml-primary) / 0.15);
1750
+ }
1751
+ .bg-primary\/20 {
1752
+ background-color: rgb(var(--ml-primary) / 0.2);
1753
+ }
1754
+ .bg-purple-500\/\[0\.12\] {
1755
+ background-color: rgb(168 85 247 / 0.12);
1756
+ }
1757
+ .bg-rose-400 {
1758
+ --tw-bg-opacity: 1;
1759
+ background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
1760
+ }
1761
+ .bg-rose-400\/30 {
1762
+ background-color: rgb(251 113 133 / 0.3);
1763
+ }
1764
+ .bg-rose-500 {
1765
+ --tw-bg-opacity: 1;
1766
+ background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
1767
+ }
1768
+ .bg-rose-500\/15 {
1769
+ background-color: rgb(244 63 94 / 0.15);
1770
+ }
1771
+ .bg-rose-600 {
1772
+ --tw-bg-opacity: 1;
1773
+ background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
1774
+ }
1775
+ .bg-surface {
1776
+ --tw-bg-opacity: 1;
1777
+ background-color: rgb(var(--ml-bg) / var(--tw-bg-opacity, 1));
1778
+ }
1779
+ .bg-surface-100 {
1780
+ --tw-bg-opacity: 1;
1781
+ background-color: rgb(var(--ml-surface-100) / var(--tw-bg-opacity, 1));
1782
+ }
1783
+ .bg-surface-100\/95 {
1784
+ background-color: rgb(var(--ml-surface-100) / 0.95);
1785
+ }
1786
+ .bg-surface-300 {
1787
+ --tw-bg-opacity: 1;
1788
+ background-color: rgb(var(--ml-surface-300) / var(--tw-bg-opacity, 1));
1789
+ }
1790
+ .bg-surface-50 {
1791
+ --tw-bg-opacity: 1;
1792
+ background-color: rgb(var(--ml-surface-50) / var(--tw-bg-opacity, 1));
1793
+ }
1794
+ .bg-surface-50\/80 {
1795
+ background-color: rgb(var(--ml-surface-50) / 0.8);
1796
+ }
1797
+ .bg-surface-50\/90 {
1798
+ background-color: rgb(var(--ml-surface-50) / 0.9);
1799
+ }
1800
+ .bg-transparent {
1801
+ background-color: transparent;
1802
+ }
1803
+ .bg-violet-600 {
1804
+ --tw-bg-opacity: 1;
1805
+ background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
1806
+ }
1807
+ .bg-violet-600\/20 {
1808
+ background-color: rgb(124 58 237 / 0.2);
1809
+ }
1810
+ .bg-white {
1811
+ --tw-bg-opacity: 1;
1812
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1813
+ }
1814
+ .bg-white\/10 {
1815
+ background-color: rgb(255 255 255 / 0.1);
1816
+ }
1817
+ .bg-white\/20 {
1818
+ background-color: rgb(255 255 255 / 0.2);
1819
+ }
1820
+ .bg-white\/5 {
1821
+ background-color: rgb(255 255 255 / 0.05);
1822
+ }
1823
+ .bg-gradient-to-br {
1824
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1825
+ }
1826
+ .bg-gradient-to-r {
1827
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
1828
+ }
1829
+ .from-\[rgb\(var\(--ml-accent\)\)\] {
1830
+ --tw-gradient-from: rgb(var(--ml-accent)) var(--tw-gradient-from-position);
1831
+ --tw-gradient-to: rgb(var(--ml-accent) / 0) var(--tw-gradient-to-position);
1832
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1833
+ }
1834
+ .from-primary {
1835
+ --tw-gradient-from: rgb(var(--ml-primary) / 1) var(--tw-gradient-from-position);
1836
+ --tw-gradient-to: rgb(var(--ml-primary) / 0) var(--tw-gradient-to-position);
1837
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1838
+ }
1839
+ .from-transparent {
1840
+ --tw-gradient-from: transparent var(--tw-gradient-from-position);
1841
+ --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1842
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1843
+ }
1844
+ .from-violet-600 {
1845
+ --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
1846
+ --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
1847
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1848
+ }
1849
+ .via-white\/30 {
1850
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1851
+ --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
1852
+ }
1853
+ .to-\[rgb\(var\(--ml-primary\)\)\] {
1854
+ --tw-gradient-to: rgb(var(--ml-primary)) var(--tw-gradient-to-position);
1855
+ }
1856
+ .to-accent {
1857
+ --tw-gradient-to: rgb(var(--ml-accent) / 1) var(--tw-gradient-to-position);
1858
+ }
1859
+ .to-purple-600 {
1860
+ --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
1861
+ }
1862
+ .to-transparent {
1863
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
1864
+ }
1865
+ .object-cover {
1866
+ -o-object-fit: cover;
1867
+ object-fit: cover;
1868
+ }
1869
+ .p-0 {
1870
+ padding: 0px;
1871
+ }
1872
+ .p-1 {
1873
+ padding: 0.25rem;
1874
+ }
1875
+ .p-1\.5 {
1876
+ padding: 0.375rem;
1877
+ }
1878
+ .p-2 {
1879
+ padding: 0.5rem;
1880
+ }
1881
+ .p-2\.5 {
1882
+ padding: 0.625rem;
1883
+ }
1884
+ .p-3 {
1885
+ padding: 0.75rem;
1886
+ }
1887
+ .p-4 {
1888
+ padding: 1rem;
1889
+ }
1890
+ .p-5 {
1891
+ padding: 1.25rem;
1892
+ }
1893
+ .p-6 {
1894
+ padding: 1.5rem;
1895
+ }
1896
+ .px-1 {
1897
+ padding-left: 0.25rem;
1898
+ padding-right: 0.25rem;
1899
+ }
1900
+ .px-1\.5 {
1901
+ padding-left: 0.375rem;
1902
+ padding-right: 0.375rem;
1903
+ }
1904
+ .px-2 {
1905
+ padding-left: 0.5rem;
1906
+ padding-right: 0.5rem;
1907
+ }
1908
+ .px-2\.5 {
1909
+ padding-left: 0.625rem;
1910
+ padding-right: 0.625rem;
1911
+ }
1912
+ .px-3 {
1913
+ padding-left: 0.75rem;
1914
+ padding-right: 0.75rem;
1915
+ }
1916
+ .px-3\.5 {
1917
+ padding-left: 0.875rem;
1918
+ padding-right: 0.875rem;
1919
+ }
1920
+ .px-4 {
1921
+ padding-left: 1rem;
1922
+ padding-right: 1rem;
1923
+ }
1924
+ .px-5 {
1925
+ padding-left: 1.25rem;
1926
+ padding-right: 1.25rem;
1927
+ }
1928
+ .px-6 {
1929
+ padding-left: 1.5rem;
1930
+ padding-right: 1.5rem;
1931
+ }
1932
+ .py-0\.5 {
1933
+ padding-top: 0.125rem;
1934
+ padding-bottom: 0.125rem;
1935
+ }
1936
+ .py-1 {
1937
+ padding-top: 0.25rem;
1938
+ padding-bottom: 0.25rem;
1939
+ }
1940
+ .py-1\.5 {
1941
+ padding-top: 0.375rem;
1942
+ padding-bottom: 0.375rem;
1943
+ }
1944
+ .py-10 {
1945
+ padding-top: 2.5rem;
1946
+ padding-bottom: 2.5rem;
1947
+ }
1948
+ .py-12 {
1949
+ padding-top: 3rem;
1950
+ padding-bottom: 3rem;
1951
+ }
1952
+ .py-2 {
1953
+ padding-top: 0.5rem;
1954
+ padding-bottom: 0.5rem;
1955
+ }
1956
+ .py-2\.5 {
1957
+ padding-top: 0.625rem;
1958
+ padding-bottom: 0.625rem;
1959
+ }
1960
+ .py-3 {
1961
+ padding-top: 0.75rem;
1962
+ padding-bottom: 0.75rem;
1963
+ }
1964
+ .py-4 {
1965
+ padding-top: 1rem;
1966
+ padding-bottom: 1rem;
1967
+ }
1968
+ .py-8 {
1969
+ padding-top: 2rem;
1970
+ padding-bottom: 2rem;
1971
+ }
1972
+ .pb-3 {
1973
+ padding-bottom: 0.75rem;
1974
+ }
1975
+ .pl-10 {
1976
+ padding-left: 2.5rem;
1977
+ }
1978
+ .pl-4 {
1979
+ padding-left: 1rem;
1980
+ }
1981
+ .pr-3 {
1982
+ padding-right: 0.75rem;
1983
+ }
1984
+ .pr-9 {
1985
+ padding-right: 2.25rem;
1986
+ }
1987
+ .pt-16 {
1988
+ padding-top: 4rem;
1989
+ }
1990
+ .text-left {
1991
+ text-align: left;
1992
+ }
1993
+ .text-center {
1994
+ text-align: center;
1995
+ }
1996
+ .text-right {
1997
+ text-align: right;
1998
+ }
1999
+ .font-mono {
2000
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2001
+ }
2002
+ .text-2xl {
2003
+ font-size: 1.5rem;
2004
+ line-height: 2rem;
2005
+ }
2006
+ .text-3xl {
2007
+ font-size: 1.875rem;
2008
+ line-height: 2.25rem;
2009
+ }
2010
+ .text-\[10px\] {
2011
+ font-size: 10px;
2012
+ }
2013
+ .text-\[11px\] {
2014
+ font-size: 11px;
2015
+ }
2016
+ .text-base {
2017
+ font-size: 1rem;
2018
+ line-height: 1.5rem;
2019
+ }
2020
+ .text-lg {
2021
+ font-size: 1.125rem;
2022
+ line-height: 1.75rem;
2023
+ }
2024
+ .text-sm {
2025
+ font-size: 0.875rem;
2026
+ line-height: 1.25rem;
2027
+ }
2028
+ .text-xl {
2029
+ font-size: 1.25rem;
2030
+ line-height: 1.75rem;
2031
+ }
2032
+ .text-xs {
2033
+ font-size: 0.75rem;
2034
+ line-height: 1rem;
2035
+ }
2036
+ .font-bold {
2037
+ font-weight: 700;
2038
+ }
2039
+ .font-medium {
2040
+ font-weight: 500;
2041
+ }
2042
+ .font-normal {
2043
+ font-weight: 400;
2044
+ }
2045
+ .font-semibold {
2046
+ font-weight: 600;
2047
+ }
2048
+ .uppercase {
2049
+ text-transform: uppercase;
2050
+ }
2051
+ .tabular-nums {
2052
+ --tw-numeric-spacing: tabular-nums;
2053
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2054
+ }
2055
+ .leading-none {
2056
+ line-height: 1;
2057
+ }
2058
+ .leading-relaxed {
2059
+ line-height: 1.625;
2060
+ }
2061
+ .leading-snug {
2062
+ line-height: 1.375;
2063
+ }
2064
+ .tracking-tight {
2065
+ letter-spacing: -0.025em;
2066
+ }
2067
+ .tracking-wider {
2068
+ letter-spacing: 0.05em;
2069
+ }
2070
+ .text-accent-light {
2071
+ --tw-text-opacity: 1;
2072
+ color: rgb(var(--ml-accent-light) / var(--tw-text-opacity, 1));
2073
+ }
2074
+ .text-amber-400 {
2075
+ --tw-text-opacity: 1;
2076
+ color: rgb(251 191 36 / var(--tw-text-opacity, 1));
2077
+ }
2078
+ .text-amber-500 {
2079
+ --tw-text-opacity: 1;
2080
+ color: rgb(245 158 11 / var(--tw-text-opacity, 1));
2081
+ }
2082
+ .text-blue-400 {
2083
+ --tw-text-opacity: 1;
2084
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2085
+ }
2086
+ .text-emerald-400 {
2087
+ --tw-text-opacity: 1;
2088
+ color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2089
+ }
2090
+ .text-green-400 {
2091
+ --tw-text-opacity: 1;
2092
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2093
+ }
2094
+ .text-primary {
2095
+ --tw-text-opacity: 1;
2096
+ color: rgb(var(--ml-primary) / var(--tw-text-opacity, 1));
2097
+ }
2098
+ .text-primary-light {
2099
+ --tw-text-opacity: 1;
2100
+ color: rgb(var(--ml-primary-light) / var(--tw-text-opacity, 1));
2101
+ }
2102
+ .text-red-400 {
2103
+ --tw-text-opacity: 1;
2104
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2105
+ }
2106
+ .text-rose-400 {
2107
+ --tw-text-opacity: 1;
2108
+ color: rgb(251 113 133 / var(--tw-text-opacity, 1));
2109
+ }
2110
+ .text-rose-500 {
2111
+ --tw-text-opacity: 1;
2112
+ color: rgb(244 63 94 / var(--tw-text-opacity, 1));
2113
+ }
2114
+ .text-violet-400 {
2115
+ --tw-text-opacity: 1;
2116
+ color: rgb(167 139 250 / var(--tw-text-opacity, 1));
2117
+ }
2118
+ .text-white {
2119
+ --tw-text-opacity: 1;
2120
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2121
+ }
2122
+ .text-white\/10 {
2123
+ color: rgb(255 255 255 / 0.1);
2124
+ }
2125
+ .text-white\/30 {
2126
+ color: rgb(255 255 255 / 0.3);
2127
+ }
2128
+ .text-white\/40 {
2129
+ color: rgb(255 255 255 / 0.4);
2130
+ }
2131
+ .text-white\/50 {
2132
+ color: rgb(255 255 255 / 0.5);
2133
+ }
2134
+ .text-white\/60 {
2135
+ color: rgb(255 255 255 / 0.6);
2136
+ }
2137
+ .text-white\/70 {
2138
+ color: rgb(255 255 255 / 0.7);
2139
+ }
2140
+ .text-white\/80 {
2141
+ color: rgb(255 255 255 / 0.8);
2142
+ }
2143
+ .text-white\/90 {
2144
+ color: rgb(255 255 255 / 0.9);
2145
+ }
2146
+ .underline {
2147
+ text-decoration-line: underline;
2148
+ }
2149
+ .underline-offset-2 {
2150
+ text-underline-offset: 2px;
2151
+ }
2152
+ .placeholder-white\/30::-moz-placeholder {
2153
+ color: rgb(255 255 255 / 0.3);
2154
+ }
2155
+ .placeholder-white\/30::placeholder {
2156
+ color: rgb(255 255 255 / 0.3);
2157
+ }
2158
+ .opacity-0 {
2159
+ opacity: 0;
2160
+ }
2161
+ .opacity-10 {
2162
+ opacity: 0.1;
2163
+ }
2164
+ .opacity-100 {
2165
+ opacity: 1;
2166
+ }
2167
+ .opacity-15 {
2168
+ opacity: 0.15;
2169
+ }
2170
+ .opacity-25 {
2171
+ opacity: 0.25;
2172
+ }
2173
+ .opacity-40 {
2174
+ opacity: 0.4;
2175
+ }
2176
+ .opacity-50 {
2177
+ opacity: 0.5;
2178
+ }
2179
+ .opacity-60 {
2180
+ opacity: 0.6;
2181
+ }
2182
+ .opacity-75 {
2183
+ opacity: 0.75;
2184
+ }
2185
+ .shadow {
2186
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2187
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2188
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2189
+ }
2190
+ .shadow-2xl {
2191
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2192
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2193
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2194
+ }
2195
+ .shadow-glow {
2196
+ --tw-shadow: var(--ml-shadow-glow);
2197
+ --tw-shadow-colored: var(--ml-shadow-glow);
2198
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2199
+ }
2200
+ .shadow-lg {
2201
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2202
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2203
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2204
+ }
2205
+ .shadow-sm {
2206
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2207
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2208
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2209
+ }
2210
+ .shadow-xl {
2211
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2212
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2213
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2214
+ }
2215
+ .shadow-amber-600\/20 {
2216
+ --tw-shadow-color: rgb(217 119 6 / 0.2);
2217
+ --tw-shadow: var(--tw-shadow-colored);
2218
+ }
2219
+ .shadow-emerald-600\/20 {
2220
+ --tw-shadow-color: rgb(5 150 105 / 0.2);
2221
+ --tw-shadow: var(--tw-shadow-colored);
2222
+ }
2223
+ .shadow-rose-600\/20 {
2224
+ --tw-shadow-color: rgb(225 29 72 / 0.2);
2225
+ --tw-shadow: var(--tw-shadow-colored);
2226
+ }
2227
+ .outline-none {
2228
+ outline: 2px solid transparent;
2229
+ outline-offset: 2px;
2230
+ }
2231
+ .ring {
2232
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2233
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2234
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2235
+ }
2236
+ .ring-0 {
2237
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2238
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2239
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2240
+ }
2241
+ .ring-1 {
2242
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2243
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2244
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2245
+ }
2246
+ .ring-2 {
2247
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2248
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2249
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2250
+ }
2251
+ .ring-\[rgb\(var\(--ml-primary\)\)\] {
2252
+ --tw-ring-color: rgb(var(--ml-primary));
2253
+ }
2254
+ .ring-accent\/20 {
2255
+ --tw-ring-color: rgb(var(--ml-accent) / 0.2);
2256
+ }
2257
+ .ring-amber-500\/20 {
2258
+ --tw-ring-color: rgb(245 158 11 / 0.2);
2259
+ }
2260
+ .ring-emerald-500\/20 {
2261
+ --tw-ring-color: rgb(16 185 129 / 0.2);
2262
+ }
2263
+ .ring-primary\/20 {
2264
+ --tw-ring-color: rgb(var(--ml-primary) / 0.2);
2265
+ }
2266
+ .ring-primary\/30 {
2267
+ --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2268
+ }
2269
+ .ring-primary\/40 {
2270
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2271
+ }
2272
+ .ring-rose-500\/20 {
2273
+ --tw-ring-color: rgb(244 63 94 / 0.2);
2274
+ }
2275
+ .ring-rose-500\/40 {
2276
+ --tw-ring-color: rgb(244 63 94 / 0.4);
2277
+ }
2278
+ .ring-rose-500\/50 {
2279
+ --tw-ring-color: rgb(244 63 94 / 0.5);
2280
+ }
2281
+ .ring-white\/10 {
2282
+ --tw-ring-color: rgb(255 255 255 / 0.1);
2283
+ }
2284
+ .ring-offset-1 {
2285
+ --tw-ring-offset-width: 1px;
2286
+ }
2287
+ .ring-offset-black\/50 {
2288
+ --tw-ring-offset-color: rgb(0 0 0 / 0.5);
2289
+ }
2290
+ .blur {
2291
+ --tw-blur: blur(8px);
2292
+ 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);
2293
+ }
2294
+ .blur-\[120px\] {
2295
+ --tw-blur: blur(120px);
2296
+ 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);
2297
+ }
2298
+ .blur-\[140px\] {
2299
+ --tw-blur: blur(140px);
2300
+ 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);
2301
+ }
2302
+ .filter {
2303
+ 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);
2304
+ }
2305
+ .backdrop-blur-md {
2306
+ --tw-backdrop-blur: blur(12px);
2307
+ 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);
2308
+ }
2309
+ .backdrop-blur-sm {
2310
+ --tw-backdrop-blur: blur(4px);
2311
+ 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);
2312
+ }
2313
+ .transition {
2314
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2315
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2316
+ transition-duration: 150ms;
2317
+ }
2318
+ .transition-\[background-color\2c opacity\] {
2319
+ transition-property: background-color,opacity;
2320
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2321
+ transition-duration: 150ms;
2322
+ }
2323
+ .transition-\[grid-template-rows\] {
2324
+ transition-property: grid-template-rows;
2325
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2326
+ transition-duration: 150ms;
2327
+ }
2328
+ .transition-\[opacity\2c transform\] {
2329
+ transition-property: opacity,transform;
2330
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2331
+ transition-duration: 150ms;
2332
+ }
2333
+ .transition-\[transform\2c background-color\2c box-shadow\2c opacity\] {
2334
+ transition-property: transform,background-color,box-shadow,opacity;
2335
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2336
+ transition-duration: 150ms;
2337
+ }
2338
+ .transition-\[width\] {
2339
+ transition-property: width;
2340
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2341
+ transition-duration: 150ms;
2342
+ }
2343
+ .transition-all {
2344
+ transition-property: all;
2345
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2346
+ transition-duration: 150ms;
2347
+ }
2348
+ .transition-colors {
2349
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2350
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2351
+ transition-duration: 150ms;
2352
+ }
2353
+ .transition-opacity {
2354
+ transition-property: opacity;
2355
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2356
+ transition-duration: 150ms;
2357
+ }
2358
+ .transition-shadow {
2359
+ transition-property: box-shadow;
2360
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2361
+ transition-duration: 150ms;
2362
+ }
2363
+ .transition-transform {
2364
+ transition-property: transform;
2365
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2366
+ transition-duration: 150ms;
2367
+ }
2368
+ .duration-100 {
2369
+ transition-duration: 100ms;
2370
+ }
2371
+ .duration-150 {
2372
+ transition-duration: 150ms;
2373
+ }
2374
+ .duration-200 {
2375
+ transition-duration: 200ms;
2376
+ }
2377
+ .duration-300 {
2378
+ transition-duration: 300ms;
2379
+ }
2380
+ .duration-500 {
2381
+ transition-duration: 500ms;
2382
+ }
2383
+ .ease-in-out {
2384
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2385
+ }
2386
+ .ease-linear {
2387
+ transition-timing-function: linear;
2388
+ }
2389
+ .ease-out {
2390
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2391
+ }
2392
+ .\[-webkit-tap-highlight-color\:transparent\] {
2393
+ -webkit-tap-highlight-color: transparent;
2394
+ }
2395
+ .placeholder\:text-white\/30::-moz-placeholder {
2396
+ color: rgb(255 255 255 / 0.3);
2397
+ }
2398
+ .placeholder\:text-white\/30::placeholder {
2399
+ color: rgb(255 255 255 / 0.3);
2400
+ }
2401
+ .focus-within\:ring-2:focus-within {
2402
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2403
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2404
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2405
+ }
2406
+ .focus-within\:ring-primary\/40:focus-within {
2407
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2408
+ }
2409
+ .focus-within\:ring-rose-500\/40:focus-within {
2410
+ --tw-ring-color: rgb(244 63 94 / 0.4);
2411
+ }
2412
+ .hover\:scale-105:hover {
2413
+ --tw-scale-x: 1.05;
2414
+ --tw-scale-y: 1.05;
2415
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2416
+ }
2417
+ .hover\:scale-\[1\.02\]:hover {
2418
+ --tw-scale-x: 1.02;
2419
+ --tw-scale-y: 1.02;
2420
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2421
+ }
2422
+ .hover\:border-primary\/50:hover {
2423
+ border-color: rgb(var(--ml-primary) / 0.5);
2424
+ }
2425
+ .hover\:border-transparent:hover {
2426
+ border-color: transparent;
2427
+ }
2428
+ .hover\:border-white\/20:hover {
2429
+ border-color: rgb(255 255 255 / 0.2);
2430
+ }
2431
+ .hover\:bg-amber-700:hover {
2432
+ --tw-bg-opacity: 1;
2433
+ background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
2434
+ }
2435
+ .hover\:bg-emerald-700:hover {
2436
+ --tw-bg-opacity: 1;
2437
+ background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
2438
+ }
2439
+ .hover\:bg-rose-700:hover {
2440
+ --tw-bg-opacity: 1;
2441
+ background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
2442
+ }
2443
+ .hover\:bg-transparent:hover {
2444
+ background-color: transparent;
2445
+ }
2446
+ .hover\:bg-white\/10:hover {
2447
+ background-color: rgb(255 255 255 / 0.1);
2448
+ }
2449
+ .hover\:bg-white\/15:hover {
2450
+ background-color: rgb(255 255 255 / 0.15);
2451
+ }
2452
+ .hover\:bg-white\/20:hover {
2453
+ background-color: rgb(255 255 255 / 0.2);
2454
+ }
2455
+ .hover\:bg-white\/5:hover {
2456
+ background-color: rgb(255 255 255 / 0.05);
2457
+ }
2458
+ .hover\:bg-white\/\[0\.03\]:hover {
2459
+ background-color: rgb(255 255 255 / 0.03);
2460
+ }
2461
+ .hover\:bg-white\/\[0\.08\]:hover {
2462
+ background-color: rgb(255 255 255 / 0.08);
2463
+ }
2464
+ .hover\:text-emerald-400:hover {
2465
+ --tw-text-opacity: 1;
2466
+ color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2467
+ }
2468
+ .hover\:text-white:hover {
2469
+ --tw-text-opacity: 1;
2470
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2471
+ }
2472
+ .hover\:text-white\/40:hover {
2473
+ color: rgb(255 255 255 / 0.4);
2474
+ }
2475
+ .hover\:text-white\/50:hover {
2476
+ color: rgb(255 255 255 / 0.5);
2477
+ }
2478
+ .hover\:text-white\/60:hover {
2479
+ color: rgb(255 255 255 / 0.6);
2480
+ }
2481
+ .hover\:text-white\/70:hover {
2482
+ color: rgb(255 255 255 / 0.7);
2483
+ }
2484
+ .hover\:text-white\/80:hover {
2485
+ color: rgb(255 255 255 / 0.8);
2486
+ }
2487
+ .hover\:text-white\/90:hover {
2488
+ color: rgb(255 255 255 / 0.9);
2489
+ }
2490
+ .hover\:shadow-glow-lg:hover {
2491
+ --tw-shadow: var(--ml-shadow-glow-lg);
2492
+ --tw-shadow-colored: var(--ml-shadow-glow-lg);
2493
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2494
+ }
2495
+ .hover\:ring-white\/20:hover {
2496
+ --tw-ring-color: rgb(255 255 255 / 0.2);
2497
+ }
2498
+ .hover\:brightness-\[0\.98\]:hover {
2499
+ --tw-brightness: brightness(0.98);
2500
+ 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);
2501
+ }
2502
+ .focus\:outline-none:focus {
2503
+ outline: 2px solid transparent;
2504
+ outline-offset: 2px;
2505
+ }
2506
+ .focus\:ring-rose-500\/40:focus {
2507
+ --tw-ring-color: rgb(244 63 94 / 0.4);
2508
+ }
2509
+ .focus-visible\:bg-white\/10:focus-visible {
2510
+ background-color: rgb(255 255 255 / 0.1);
2511
+ }
2512
+ .focus-visible\:text-white:focus-visible {
2513
+ --tw-text-opacity: 1;
2514
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2515
+ }
2516
+ .focus-visible\:text-white\/70:focus-visible {
2517
+ color: rgb(255 255 255 / 0.7);
2518
+ }
2519
+ .focus-visible\:outline-none:focus-visible {
2520
+ outline: 2px solid transparent;
2521
+ outline-offset: 2px;
2522
+ }
2523
+ .focus-visible\:ring-1:focus-visible {
2524
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2525
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2526
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2527
+ }
2528
+ .focus-visible\:ring-2:focus-visible {
2529
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2530
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2531
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2532
+ }
2533
+ .focus-visible\:ring-inset:focus-visible {
2534
+ --tw-ring-inset: inset;
2535
+ }
2536
+ .focus-visible\:ring-primary:focus-visible {
2537
+ --tw-ring-opacity: 1;
2538
+ --tw-ring-color: rgb(var(--ml-primary) / var(--tw-ring-opacity, 1));
2539
+ }
2540
+ .focus-visible\:ring-primary\/30:focus-visible {
2541
+ --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2542
+ }
2543
+ .focus-visible\:ring-primary\/40:focus-visible {
2544
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2545
+ }
2546
+ .focus-visible\:ring-primary\/60:focus-visible {
2547
+ --tw-ring-color: rgb(var(--ml-primary) / 0.6);
2548
+ }
2549
+ .focus-visible\:ring-offset-1:focus-visible {
2550
+ --tw-ring-offset-width: 1px;
2551
+ }
2552
+ .focus-visible\:ring-offset-2:focus-visible {
2553
+ --tw-ring-offset-width: 2px;
2554
+ }
2555
+ .focus-visible\:ring-offset-surface:focus-visible {
2556
+ --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2557
+ }
2558
+ .focus-visible\:ring-offset-transparent:focus-visible {
2559
+ --tw-ring-offset-color: transparent;
2560
+ }
2561
+ .active\:translate-y-\[0\.5px\]:active {
2562
+ --tw-translate-y: 0.5px;
2563
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2564
+ }
2565
+ .active\:scale-95:active {
2566
+ --tw-scale-x: .95;
2567
+ --tw-scale-y: .95;
2568
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2569
+ }
2570
+ .disabled\:pointer-events-none:disabled {
2571
+ pointer-events: none;
2572
+ }
2573
+ .disabled\:cursor-not-allowed:disabled {
2574
+ cursor: not-allowed;
2575
+ }
2576
+ .disabled\:opacity-60:disabled {
2577
+ opacity: 0.6;
2578
+ }
2579
+ .peer:focus-visible ~ .peer-focus-visible\:ring-2 {
2580
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2581
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2582
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2583
+ }
2584
+ .peer:focus-visible ~ .peer-focus-visible\:ring-primary\/40 {
2585
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2586
+ }
2587
+ .peer:focus-visible ~ .peer-focus-visible\:ring-offset-1 {
2588
+ --tw-ring-offset-width: 1px;
2589
+ }
2590
+ .peer:focus-visible ~ .peer-focus-visible\:ring-offset-transparent {
2591
+ --tw-ring-offset-color: transparent;
2592
+ }
2593
+ @media (min-width: 640px) {
2594
+ .sm\:mb-4 {
2595
+ margin-bottom: 1rem;
2596
+ }
2597
+ .sm\:mb-6 {
2598
+ margin-bottom: 1.5rem;
2599
+ }
2600
+ .sm\:w-auto {
2601
+ width: auto;
2602
+ }
2603
+ .sm\:flex-row {
2604
+ flex-direction: row;
2605
+ }
2606
+ .sm\:items-center {
2607
+ align-items: center;
2608
+ }
2609
+ .sm\:justify-end {
2610
+ justify-content: flex-end;
2611
+ }
2612
+ .sm\:rounded-2xl {
2613
+ border-radius: 1rem;
2614
+ }
2615
+ .sm\:p-6 {
2616
+ padding: 1.5rem;
2617
+ }
2618
+ .sm\:px-6 {
2619
+ padding-left: 1.5rem;
2620
+ padding-right: 1.5rem;
2621
+ }
2622
+ .sm\:py-2\.5 {
2623
+ padding-top: 0.625rem;
2624
+ padding-bottom: 0.625rem;
2625
+ }
2626
+ .sm\:text-2xl {
2627
+ font-size: 1.5rem;
2628
+ line-height: 2rem;
2629
+ }
2630
+ .sm\:text-4xl {
2631
+ font-size: 2.25rem;
2632
+ line-height: 2.5rem;
2633
+ }
2634
+ }
2635
+ @media (min-width: 768px) {
2636
+ .md\:grid-cols-2 {
2637
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2638
+ }
2639
+ }
2640
+ @media (min-width: 1024px) {
2641
+ .lg\:px-8 {
2642
+ padding-left: 2rem;
2643
+ padding-right: 2rem;
2644
+ }
2645
+ }
2646
+ .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
2647
+ height: 1rem;
2648
+ }
2649
+ .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
2650
+ width: 1rem;
2651
+ }
2652
+ .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
2653
+ border-radius: 9999px;
2654
+ }
2655
+ .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
2656
+ border-width: 2px;
2657
+ }
2658
+ .\[\&\:\:-moz-range-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-moz-range-thumb {
2659
+ border-color: rgb(var(--ml-primary,139 92 246));
2660
+ }
2661
+ .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
2662
+ --tw-bg-opacity: 1;
2663
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2664
+ }
2665
+ .\[\&\:\:-moz-range-thumb\]\:transition-shadow::-moz-range-thumb {
2666
+ -moz-transition-property: box-shadow;
2667
+ transition-property: box-shadow;
2668
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2669
+ transition-duration: 150ms;
2670
+ }
2671
+ .\[\&\:\:-moz-range-thumb\]\:duration-150::-moz-range-thumb {
2672
+ transition-duration: 150ms;
2673
+ }
2674
+ .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb:focus-visible {
2675
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2676
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2677
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2678
+ }
2679
+ .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-primary\/40::-moz-range-thumb:focus-visible {
2680
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2681
+ }
2682
+ .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
2683
+ border-radius: 9999px;
2684
+ }
2685
+ .\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track {
2686
+ background-color: transparent;
2687
+ }
2688
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
2689
+ border-radius: 9999px;
2690
+ }
2691
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/15::-webkit-scrollbar-thumb {
2692
+ background-color: rgb(255 255 255 / 0.15);
2693
+ }
2694
+ .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/25::-webkit-scrollbar-thumb:hover {
2695
+ background-color: rgb(255 255 255 / 0.25);
2696
+ }
2697
+ .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
2698
+ background-color: transparent;
2699
+ }
2700
+ .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
2701
+ height: 0.375rem;
2702
+ }
2703
+ .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
2704
+ width: 0.375rem;
2705
+ }
2706
+ .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
2707
+ height: 1rem;
2708
+ }
2709
+ .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
2710
+ width: 1rem;
2711
+ }
2712
+ .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
2713
+ -webkit-appearance: none;
2714
+ appearance: none;
2715
+ }
2716
+ .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
2717
+ border-radius: 9999px;
2718
+ }
2719
+ .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
2720
+ border-width: 2px;
2721
+ }
2722
+ .\[\&\:\:-webkit-slider-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-webkit-slider-thumb {
2723
+ border-color: rgb(var(--ml-primary,139 92 246));
2724
+ }
2725
+ .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
2726
+ --tw-bg-opacity: 1;
2727
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2728
+ }
2729
+ .\[\&\:\:-webkit-slider-thumb\]\:transition-shadow::-webkit-slider-thumb {
2730
+ -webkit-transition-property: box-shadow;
2731
+ transition-property: box-shadow;
2732
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2733
+ transition-duration: 150ms;
2734
+ }
2735
+ .\[\&\:\:-webkit-slider-thumb\]\:duration-150::-webkit-slider-thumb {
2736
+ transition-duration: 150ms;
2737
+ }
2738
+ .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb:focus-visible {
2739
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2740
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2741
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2742
+ }
2743
+ .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-primary\/40::-webkit-slider-thumb:focus-visible {
2744
+ --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2745
+ }
2746
+ .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-2::-webkit-slider-thumb:focus-visible {
2747
+ --tw-ring-offset-width: 2px;
2748
+ }
2749
+ .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-surface::-webkit-slider-thumb:focus-visible {
2750
+ --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2751
+ }