@memelabui/ui 0.7.0 → 0.8.1

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 -429
  2. package/dist/index.cjs +231 -171
  3. package/dist/index.d.cts +30 -4
  4. package/dist/index.d.ts +30 -4
  5. package/dist/index.js +230 -173
  6. package/dist/styles/index.css +2496 -2490
  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,2171 +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
- /* 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
- .fixed {
765
- position: fixed;
766
- }
767
- .absolute {
768
- position: absolute;
769
- }
770
- .relative {
771
- position: relative;
772
- }
773
- .sticky {
774
- position: sticky;
775
- }
776
- .inset-0 {
777
- inset: 0px;
778
- }
779
- .inset-x-0 {
780
- left: 0px;
781
- right: 0px;
782
- }
783
- .inset-y-0 {
784
- top: 0px;
785
- bottom: 0px;
786
- }
787
- .-left-32 {
788
- left: -8rem;
789
- }
790
- .-left-\[150px\] {
791
- left: -150px;
792
- }
793
- .-right-32 {
794
- right: -8rem;
795
- }
796
- .-right-\[100px\] {
797
- right: -100px;
798
- }
799
- .-top-32 {
800
- top: -8rem;
801
- }
802
- .-top-\[150px\] {
803
- top: -150px;
804
- }
805
- .bottom-0 {
806
- bottom: 0px;
807
- }
808
- .bottom-4 {
809
- bottom: 1rem;
810
- }
811
- .left-0 {
812
- left: 0px;
813
- }
814
- .left-0\.5 {
815
- left: 0.125rem;
816
- }
817
- .left-1\/2 {
818
- left: 50%;
819
- }
820
- .left-3 {
821
- left: 0.75rem;
822
- }
823
- .right-0 {
824
- right: 0px;
825
- }
826
- .right-2 {
827
- right: 0.5rem;
828
- }
829
- .right-3 {
830
- right: 0.75rem;
831
- }
832
- .right-4 {
833
- right: 1rem;
834
- }
835
- .top-0 {
836
- top: 0px;
837
- }
838
- .top-0\.5 {
839
- top: 0.125rem;
840
- }
841
- .top-1\/2 {
842
- top: 50%;
843
- }
844
- .top-2 {
845
- top: 0.5rem;
846
- }
847
- .top-20 {
848
- top: 5rem;
849
- }
850
- .top-4 {
851
- top: 1rem;
852
- }
853
- .top-\[60\%\] {
854
- top: 60%;
855
- }
856
- .z-10 {
857
- z-index: 10;
858
- }
859
- .z-50 {
860
- z-index: 50;
861
- }
862
- .z-\[9999\] {
863
- z-index: 9999;
864
- }
865
- .float-none {
866
- float: none;
867
- }
868
- .m-0 {
869
- margin: 0px;
870
- }
871
- .mx-2 {
872
- margin-left: 0.5rem;
873
- margin-right: 0.5rem;
874
- }
875
- .mx-3 {
876
- margin-left: 0.75rem;
877
- margin-right: 0.75rem;
878
- }
879
- .mx-auto {
880
- margin-left: auto;
881
- margin-right: auto;
882
- }
883
- .my-1 {
884
- margin-top: 0.25rem;
885
- margin-bottom: 0.25rem;
886
- }
887
- .my-3 {
888
- margin-top: 0.75rem;
889
- margin-bottom: 0.75rem;
890
- }
891
- .-mb-px {
892
- margin-bottom: -1px;
893
- }
894
- .mb-0\.5 {
895
- margin-bottom: 0.125rem;
896
- }
897
- .mb-1 {
898
- margin-bottom: 0.25rem;
899
- }
900
- .mb-1\.5 {
901
- margin-bottom: 0.375rem;
902
- }
903
- .mb-2 {
904
- margin-bottom: 0.5rem;
905
- }
906
- .mb-3 {
907
- margin-bottom: 0.75rem;
908
- }
909
- .mb-4 {
910
- margin-bottom: 1rem;
911
- }
912
- .mb-6 {
913
- margin-bottom: 1.5rem;
914
- }
915
- .ml-0\.5 {
916
- margin-left: 0.125rem;
917
- }
918
- .ml-7 {
919
- margin-left: 1.75rem;
920
- }
921
- .ml-auto {
922
- margin-left: auto;
923
- }
924
- .mt-0\.5 {
925
- margin-top: 0.125rem;
926
- }
927
- .mt-1 {
928
- margin-top: 0.25rem;
929
- }
930
- .mt-1\.5 {
931
- margin-top: 0.375rem;
932
- }
933
- .mt-2 {
934
- margin-top: 0.5rem;
935
- }
936
- .mt-3 {
937
- margin-top: 0.75rem;
938
- }
939
- .mt-4 {
940
- margin-top: 1rem;
941
- }
942
- .block {
943
- display: block;
944
- }
945
- .inline-block {
946
- display: inline-block;
947
- }
948
- .inline {
949
- display: inline;
950
- }
951
- .flex {
952
- display: flex;
953
- }
954
- .inline-flex {
955
- display: inline-flex;
956
- }
957
- .table {
958
- display: table;
959
- }
960
- .grid {
961
- display: grid;
962
- }
963
- .hidden {
964
- display: none;
965
- }
966
- .h-0\.5 {
967
- height: 0.125rem;
968
- }
969
- .h-1 {
970
- height: 0.25rem;
971
- }
972
- .h-1\.5 {
973
- height: 0.375rem;
974
- }
975
- .h-1\/2 {
976
- height: 50%;
977
- }
978
- .h-1\/3 {
979
- height: 33.333333%;
980
- }
981
- .h-1\/4 {
982
- height: 25%;
983
- }
984
- .h-10 {
985
- height: 2.5rem;
986
- }
987
- .h-11 {
988
- height: 2.75rem;
989
- }
990
- .h-12 {
991
- height: 3rem;
992
- }
993
- .h-14 {
994
- height: 3.5rem;
995
- }
996
- .h-16 {
997
- height: 4rem;
998
- }
999
- .h-2 {
1000
- height: 0.5rem;
1001
- }
1002
- .h-2\.5 {
1003
- height: 0.625rem;
1004
- }
1005
- .h-20 {
1006
- height: 5rem;
1007
- }
1008
- .h-28 {
1009
- height: 7rem;
1010
- }
1011
- .h-3 {
1012
- height: 0.75rem;
1013
- }
1014
- .h-3\.5 {
1015
- height: 0.875rem;
1016
- }
1017
- .h-32 {
1018
- height: 8rem;
1019
- }
1020
- .h-4 {
1021
- height: 1rem;
1022
- }
1023
- .h-40 {
1024
- height: 10rem;
1025
- }
1026
- .h-5 {
1027
- height: 1.25rem;
1028
- }
1029
- .h-6 {
1030
- height: 1.5rem;
1031
- }
1032
- .h-7 {
1033
- height: 1.75rem;
1034
- }
1035
- .h-8 {
1036
- height: 2rem;
1037
- }
1038
- .h-9 {
1039
- height: 2.25rem;
1040
- }
1041
- .h-\[18px\] {
1042
- height: 18px;
1043
- }
1044
- .h-\[2px\] {
1045
- height: 2px;
1046
- }
1047
- .h-\[300px\] {
1048
- height: 300px;
1049
- }
1050
- .h-\[400px\] {
1051
- height: 400px;
1052
- }
1053
- .h-\[500px\] {
1054
- height: 500px;
1055
- }
1056
- .h-\[600px\] {
1057
- height: 600px;
1058
- }
1059
- .h-full {
1060
- height: 100%;
1061
- }
1062
- .h-screen {
1063
- height: 100vh;
1064
- }
1065
- .max-h-60 {
1066
- max-height: 15rem;
1067
- }
1068
- .min-h-\[320px\] {
1069
- min-height: 320px;
1070
- }
1071
- .min-h-\[42px\] {
1072
- min-height: 42px;
1073
- }
1074
- .min-h-full {
1075
- min-height: 100%;
1076
- }
1077
- .min-h-screen {
1078
- min-height: 100vh;
1079
- }
1080
- .w-1\.5 {
1081
- width: 0.375rem;
1082
- }
1083
- .w-1\/2 {
1084
- width: 50%;
1085
- }
1086
- .w-10 {
1087
- width: 2.5rem;
1088
- }
1089
- .w-11 {
1090
- width: 2.75rem;
1091
- }
1092
- .w-12 {
1093
- width: 3rem;
1094
- }
1095
- .w-16 {
1096
- width: 4rem;
1097
- }
1098
- .w-2 {
1099
- width: 0.5rem;
1100
- }
1101
- .w-2\.5 {
1102
- width: 0.625rem;
1103
- }
1104
- .w-20 {
1105
- width: 5rem;
1106
- }
1107
- .w-3 {
1108
- width: 0.75rem;
1109
- }
1110
- .w-3\.5 {
1111
- width: 0.875rem;
1112
- }
1113
- .w-3\/4 {
1114
- width: 75%;
1115
- }
1116
- .w-4 {
1117
- width: 1rem;
1118
- }
1119
- .w-4\/6 {
1120
- width: 66.666667%;
1121
- }
1122
- .w-48 {
1123
- width: 12rem;
1124
- }
1125
- .w-5 {
1126
- width: 1.25rem;
1127
- }
1128
- .w-5\/6 {
1129
- width: 83.333333%;
1130
- }
1131
- .w-56 {
1132
- width: 14rem;
1133
- }
1134
- .w-6 {
1135
- width: 1.5rem;
1136
- }
1137
- .w-64 {
1138
- width: 16rem;
1139
- }
1140
- .w-7 {
1141
- width: 1.75rem;
1142
- }
1143
- .w-72 {
1144
- width: 18rem;
1145
- }
1146
- .w-8 {
1147
- width: 2rem;
1148
- }
1149
- .w-80 {
1150
- width: 20rem;
1151
- }
1152
- .w-9 {
1153
- width: 2.25rem;
1154
- }
1155
- .w-96 {
1156
- width: 24rem;
1157
- }
1158
- .w-\[300px\] {
1159
- width: 300px;
1160
- }
1161
- .w-\[360px\] {
1162
- width: 360px;
1163
- }
1164
- .w-\[3px\] {
1165
- width: 3px;
1166
- }
1167
- .w-\[400px\] {
1168
- width: 400px;
1169
- }
1170
- .w-\[500px\] {
1171
- width: 500px;
1172
- }
1173
- .w-\[600px\] {
1174
- width: 600px;
1175
- }
1176
- .w-\[900px\] {
1177
- width: 900px;
1178
- }
1179
- .w-fit {
1180
- width: -moz-fit-content;
1181
- width: fit-content;
1182
- }
1183
- .w-full {
1184
- width: 100%;
1185
- }
1186
- .w-screen {
1187
- width: 100vw;
1188
- }
1189
- .min-w-0 {
1190
- min-width: 0px;
1191
- }
1192
- .min-w-52 {
1193
- min-width: 13rem;
1194
- }
1195
- .min-w-\[10rem\] {
1196
- min-width: 10rem;
1197
- }
1198
- .min-w-\[120px\] {
1199
- min-width: 120px;
1200
- }
1201
- .min-w-\[16px\] {
1202
- min-width: 16px;
1203
- }
1204
- .min-w-\[180px\] {
1205
- min-width: 180px;
1206
- }
1207
- .min-w-\[18px\] {
1208
- min-width: 18px;
1209
- }
1210
- .min-w-\[20px\] {
1211
- min-width: 20px;
1212
- }
1213
- .max-w-2xl {
1214
- max-width: 42rem;
1215
- }
1216
- .max-w-4xl {
1217
- max-width: 56rem;
1218
- }
1219
- .max-w-5xl {
1220
- max-width: 64rem;
1221
- }
1222
- .max-w-7xl {
1223
- max-width: 80rem;
1224
- }
1225
- .max-w-\[320px\] {
1226
- max-width: 320px;
1227
- }
1228
- .max-w-\[6rem\] {
1229
- max-width: 6rem;
1230
- }
1231
- .max-w-\[92rem\] {
1232
- max-width: 92rem;
1233
- }
1234
- .max-w-\[calc\(100vw-2rem\)\] {
1235
- max-width: calc(100vw - 2rem);
1236
- }
1237
- .max-w-full {
1238
- max-width: 100%;
1239
- }
1240
- .max-w-lg {
1241
- max-width: 32rem;
1242
- }
1243
- .max-w-md {
1244
- max-width: 28rem;
1245
- }
1246
- .max-w-xl {
1247
- max-width: 36rem;
1248
- }
1249
- .flex-1 {
1250
- flex: 1 1 0%;
1251
- }
1252
- .flex-shrink-0 {
1253
- flex-shrink: 0;
1254
- }
1255
- .shrink-0 {
1256
- flex-shrink: 0;
1257
- }
1258
- .-translate-x-1\/2 {
1259
- --tw-translate-x: -50%;
1260
- 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));
1261
- }
1262
- .-translate-x-full {
1263
- --tw-translate-x: -100%;
1264
- 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));
1265
- }
1266
- .-translate-y-1 {
1267
- --tw-translate-y: -0.25rem;
1268
- 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));
1269
- }
1270
- .-translate-y-1\/2 {
1271
- --tw-translate-y: -50%;
1272
- 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));
1273
- }
1274
- .-translate-y-2 {
1275
- --tw-translate-y: -0.5rem;
1276
- 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));
1277
- }
1278
- .translate-x-0 {
1279
- --tw-translate-x: 0px;
1280
- 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));
1281
- }
1282
- .translate-x-4 {
1283
- --tw-translate-x: 1rem;
1284
- 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));
1285
- }
1286
- .translate-x-5 {
1287
- --tw-translate-x: 1.25rem;
1288
- 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));
1289
- }
1290
- .translate-x-8 {
1291
- --tw-translate-x: 2rem;
1292
- 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));
1293
- }
1294
- .translate-x-full {
1295
- --tw-translate-x: 100%;
1296
- 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));
1297
- }
1298
- .translate-y-0 {
1299
- --tw-translate-y: 0px;
1300
- 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));
1301
- }
1302
- .translate-y-2 {
1303
- --tw-translate-y: 0.5rem;
1304
- 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));
1305
- }
1306
- .translate-y-full {
1307
- --tw-translate-y: 100%;
1308
- 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));
1309
- }
1310
- .-rotate-90 {
1311
- --tw-rotate: -90deg;
1312
- 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));
1313
- }
1314
- .rotate-180 {
1315
- --tw-rotate: 180deg;
1316
- 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));
1317
- }
1318
- .rotate-90 {
1319
- --tw-rotate: 90deg;
1320
- 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));
1321
- }
1322
- .skew-x-\[-20deg\] {
1323
- --tw-skew-x: -20deg;
1324
- 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));
1325
- }
1326
- .scale-100 {
1327
- --tw-scale-x: 1;
1328
- --tw-scale-y: 1;
1329
- 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));
1330
- }
1331
- .scale-95 {
1332
- --tw-scale-x: .95;
1333
- --tw-scale-y: .95;
1334
- 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));
1335
- }
1336
- .transform {
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
- @keyframes ml-shimmer {
1340
- 0% {
1341
- transform: translateX(-200%);
1342
- }
1343
- 100% {
1344
- transform: translateX(200%);
1345
- }
1346
- }
1347
- .animate-\[ml-shimmer_2s_ease-in-out_infinite\] {
1348
- animation: ml-shimmer 2s ease-in-out infinite;
1349
- }
1350
- @keyframes ml-modal-backdrop {
1351
- from {
1352
- opacity: 0;
1353
- }
1354
- to {
1355
- opacity: 1;
1356
- }
1357
- }
1358
- .animate-modal-backdrop {
1359
- animation: ml-modal-backdrop 140ms ease-out both;
1360
- }
1361
- @keyframes ml-modal-pop {
1362
- from {
1363
- opacity: 0;
1364
- transform: translateY(6px) scale(0.98);
1365
- }
1366
- to {
1367
- opacity: 1;
1368
- transform: translateY(0) scale(1);
1369
- }
1370
- }
1371
- .animate-modal-pop {
1372
- animation: ml-modal-pop 160ms cubic-bezier(0.22,1,0.36,1) both;
1373
- }
1374
- @keyframes ping {
1375
- 75%, 100% {
1376
- transform: scale(2);
1377
- opacity: 0;
1378
- }
1379
- }
1380
- .animate-ping {
1381
- animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1382
- }
1383
- @keyframes pulse {
1384
- 50% {
1385
- opacity: .5;
1386
- }
1387
- }
1388
- .animate-pulse {
1389
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1390
- }
1391
- @keyframes ml-spin {
1392
- from {
1393
- transform: rotate(0deg);
1394
- }
1395
- to {
1396
- transform: rotate(360deg);
1397
- }
1398
- }
1399
- .animate-spin {
1400
- animation: ml-spin 1s linear infinite;
1401
- }
1402
- .cursor-not-allowed {
1403
- cursor: not-allowed;
1404
- }
1405
- .cursor-pointer {
1406
- cursor: pointer;
1407
- }
1408
- .select-none {
1409
- -webkit-user-select: none;
1410
- -moz-user-select: none;
1411
- user-select: none;
1412
- }
1413
- .select-all {
1414
- -webkit-user-select: all;
1415
- -moz-user-select: all;
1416
- user-select: all;
1417
- }
1418
- .resize-y {
1419
- resize: vertical;
1420
- }
1421
- .resize {
1422
- resize: both;
1423
- }
1424
- .appearance-none {
1425
- -webkit-appearance: none;
1426
- -moz-appearance: none;
1427
- appearance: none;
1428
- }
1429
- .grid-cols-1 {
1430
- grid-template-columns: repeat(1, minmax(0, 1fr));
1431
- }
1432
- .grid-rows-\[0fr\] {
1433
- grid-template-rows: 0fr;
1434
- }
1435
- .grid-rows-\[1fr\] {
1436
- grid-template-rows: 1fr;
1437
- }
1438
- .flex-row {
1439
- flex-direction: row;
1440
- }
1441
- .flex-col {
1442
- flex-direction: column;
1443
- }
1444
- .flex-col-reverse {
1445
- flex-direction: column-reverse;
1446
- }
1447
- .flex-wrap {
1448
- flex-wrap: wrap;
1449
- }
1450
- .items-start {
1451
- align-items: flex-start;
1452
- }
1453
- .items-end {
1454
- align-items: flex-end;
1455
- }
1456
- .items-center {
1457
- align-items: center;
1458
- }
1459
- .items-baseline {
1460
- align-items: baseline;
1461
- }
1462
- .items-stretch {
1463
- align-items: stretch;
1464
- }
1465
- .justify-start {
1466
- justify-content: flex-start;
1467
- }
1468
- .justify-end {
1469
- justify-content: flex-end;
1470
- }
1471
- .justify-center {
1472
- justify-content: center;
1473
- }
1474
- .justify-between {
1475
- justify-content: space-between;
1476
- }
1477
- .justify-around {
1478
- justify-content: space-around;
1479
- }
1480
- .justify-evenly {
1481
- justify-content: space-evenly;
1482
- }
1483
- .gap-0 {
1484
- gap: 0px;
1485
- }
1486
- .gap-0\.5 {
1487
- gap: 0.125rem;
1488
- }
1489
- .gap-1 {
1490
- gap: 0.25rem;
1491
- }
1492
- .gap-1\.5 {
1493
- gap: 0.375rem;
1494
- }
1495
- .gap-10 {
1496
- gap: 2.5rem;
1497
- }
1498
- .gap-12 {
1499
- gap: 3rem;
1500
- }
1501
- .gap-2 {
1502
- gap: 0.5rem;
1503
- }
1504
- .gap-2\.5 {
1505
- gap: 0.625rem;
1506
- }
1507
- .gap-3 {
1508
- gap: 0.75rem;
1509
- }
1510
- .gap-4 {
1511
- gap: 1rem;
1512
- }
1513
- .gap-5 {
1514
- gap: 1.25rem;
1515
- }
1516
- .gap-6 {
1517
- gap: 1.5rem;
1518
- }
1519
- .gap-8 {
1520
- gap: 2rem;
1521
- }
1522
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1523
- --tw-space-y-reverse: 0;
1524
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1525
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1526
- }
1527
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1528
- --tw-space-y-reverse: 0;
1529
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1530
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1531
- }
1532
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1533
- --tw-space-y-reverse: 0;
1534
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1535
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1536
- }
1537
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1538
- --tw-space-y-reverse: 0;
1539
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1540
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1541
- }
1542
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1543
- --tw-space-y-reverse: 0;
1544
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1545
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1546
- }
1547
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1548
- --tw-space-y-reverse: 0;
1549
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1550
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1551
- }
1552
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1553
- --tw-divide-y-reverse: 0;
1554
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1555
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1556
- }
1557
- .divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) {
1558
- border-color: rgb(255 255 255 / 0.06);
1559
- }
1560
- .self-start {
1561
- align-self: flex-start;
1562
- }
1563
- .self-stretch {
1564
- align-self: stretch;
1565
- }
1566
- .overflow-auto {
1567
- overflow: auto;
1568
- }
1569
- .overflow-hidden {
1570
- overflow: hidden;
1571
- }
1572
- .overflow-x-auto {
1573
- overflow-x: auto;
1574
- }
1575
- .overflow-y-auto {
1576
- overflow-y: auto;
1577
- }
1578
- .overflow-x-hidden {
1579
- overflow-x: hidden;
1580
- }
1581
- .overflow-y-hidden {
1582
- overflow-y: hidden;
1583
- }
1584
- .truncate {
1585
- overflow: hidden;
1586
- text-overflow: ellipsis;
1587
- white-space: nowrap;
1588
- }
1589
- .rounded-2xl {
1590
- border-radius: 1rem;
1591
- }
1592
- .rounded-full {
1593
- border-radius: 9999px;
1594
- }
1595
- .rounded-lg {
1596
- border-radius: 0.5rem;
1597
- }
1598
- .rounded-md {
1599
- border-radius: 0.375rem;
1600
- }
1601
- .rounded-xl {
1602
- border-radius: 0.75rem;
1603
- }
1604
- .rounded-t-3xl {
1605
- border-top-left-radius: 1.5rem;
1606
- border-top-right-radius: 1.5rem;
1607
- }
1608
- .border {
1609
- border-width: 1px;
1610
- }
1611
- .border-2 {
1612
- border-width: 2px;
1613
- }
1614
- .border-b {
1615
- border-bottom-width: 1px;
1616
- }
1617
- .border-b-2 {
1618
- border-bottom-width: 2px;
1619
- }
1620
- .border-l {
1621
- border-left-width: 1px;
1622
- }
1623
- .border-l-4 {
1624
- border-left-width: 4px;
1625
- }
1626
- .border-t {
1627
- border-top-width: 1px;
1628
- }
1629
- .border-dashed {
1630
- border-style: dashed;
1631
- }
1632
- .border-none {
1633
- border-style: none;
1634
- }
1635
- .border-amber-500 {
1636
- --tw-border-opacity: 1;
1637
- border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
1638
- }
1639
- .border-blue-500 {
1640
- --tw-border-opacity: 1;
1641
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1642
- }
1643
- .border-emerald-500 {
1644
- --tw-border-opacity: 1;
1645
- border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
1646
- }
1647
- .border-primary {
1648
- --tw-border-opacity: 1;
1649
- border-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1650
- }
1651
- .border-primary\/30 {
1652
- border-color: rgb(var(--ml-primary) / 0.3);
1653
- }
1654
- .border-rose-500 {
1655
- --tw-border-opacity: 1;
1656
- border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
1657
- }
1658
- .border-transparent {
1659
- border-color: transparent;
1660
- }
1661
- .border-white\/10 {
1662
- border-color: rgb(255 255 255 / 0.1);
1663
- }
1664
- .border-white\/15 {
1665
- border-color: rgb(255 255 255 / 0.15);
1666
- }
1667
- .border-white\/20 {
1668
- border-color: rgb(255 255 255 / 0.2);
1669
- }
1670
- .border-white\/30 {
1671
- border-color: rgb(255 255 255 / 0.3);
1672
- }
1673
- .border-white\/\[0\.06\] {
1674
- border-color: rgb(255 255 255 / 0.06);
1675
- }
1676
- .border-t-primary {
1677
- --tw-border-opacity: 1;
1678
- border-top-color: rgb(var(--ml-primary) / var(--tw-border-opacity, 1));
1679
- }
1680
- .border-t-white {
1681
- --tw-border-opacity: 1;
1682
- border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1683
- }
1684
- .bg-\[rgb\(var\(--ml-primary\)\)\] {
1685
- background-color: rgb(var(--ml-primary));
1686
- }
1687
- .bg-accent\/15 {
1688
- background-color: rgb(var(--ml-accent) / 0.15);
1689
- }
1690
- .bg-accent\/\[0\.10\] {
1691
- background-color: rgb(var(--ml-accent) / 0.10);
1692
- }
1693
- .bg-amber-400 {
1694
- --tw-bg-opacity: 1;
1695
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
1696
- }
1697
- .bg-amber-400\/30 {
1698
- background-color: rgb(251 191 36 / 0.3);
1699
- }
1700
- .bg-amber-500 {
1701
- --tw-bg-opacity: 1;
1702
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
1703
- }
1704
- .bg-amber-500\/15 {
1705
- background-color: rgb(245 158 11 / 0.15);
1706
- }
1707
- .bg-amber-600 {
1708
- --tw-bg-opacity: 1;
1709
- background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
1710
- }
1711
- .bg-black\/25 {
1712
- background-color: rgb(0 0 0 / 0.25);
1713
- }
1714
- .bg-black\/40 {
1715
- background-color: rgb(0 0 0 / 0.4);
1716
- }
1717
- .bg-emerald-400 {
1718
- --tw-bg-opacity: 1;
1719
- background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
1720
- }
1721
- .bg-emerald-400\/20 {
1722
- background-color: rgb(52 211 153 / 0.2);
1723
- }
1724
- .bg-emerald-400\/30 {
1725
- background-color: rgb(52 211 153 / 0.3);
1726
- }
1727
- .bg-emerald-500 {
1728
- --tw-bg-opacity: 1;
1729
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1730
- }
1731
- .bg-emerald-500\/15 {
1732
- background-color: rgb(16 185 129 / 0.15);
1733
- }
1734
- .bg-emerald-600 {
1735
- --tw-bg-opacity: 1;
1736
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1737
- }
1738
- .bg-primary {
1739
- --tw-bg-opacity: 1;
1740
- background-color: rgb(var(--ml-primary) / var(--tw-bg-opacity, 1));
1741
- }
1742
- .bg-primary\/10 {
1743
- background-color: rgb(var(--ml-primary) / 0.1);
1744
- }
1745
- .bg-primary\/15 {
1746
- background-color: rgb(var(--ml-primary) / 0.15);
1747
- }
1748
- .bg-primary\/20 {
1749
- background-color: rgb(var(--ml-primary) / 0.2);
1750
- }
1751
- .bg-purple-500\/\[0\.12\] {
1752
- background-color: rgb(168 85 247 / 0.12);
1753
- }
1754
- .bg-rose-400 {
1755
- --tw-bg-opacity: 1;
1756
- background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
1757
- }
1758
- .bg-rose-400\/30 {
1759
- background-color: rgb(251 113 133 / 0.3);
1760
- }
1761
- .bg-rose-500 {
1762
- --tw-bg-opacity: 1;
1763
- background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
1764
- }
1765
- .bg-rose-500\/15 {
1766
- background-color: rgb(244 63 94 / 0.15);
1767
- }
1768
- .bg-rose-600 {
1769
- --tw-bg-opacity: 1;
1770
- background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
1771
- }
1772
- .bg-surface {
1773
- --tw-bg-opacity: 1;
1774
- background-color: rgb(var(--ml-bg) / var(--tw-bg-opacity, 1));
1775
- }
1776
- .bg-surface-100 {
1777
- --tw-bg-opacity: 1;
1778
- background-color: rgb(var(--ml-surface-100) / var(--tw-bg-opacity, 1));
1779
- }
1780
- .bg-surface-100\/95 {
1781
- background-color: rgb(var(--ml-surface-100) / 0.95);
1782
- }
1783
- .bg-surface-300 {
1784
- --tw-bg-opacity: 1;
1785
- background-color: rgb(var(--ml-surface-300) / var(--tw-bg-opacity, 1));
1786
- }
1787
- .bg-surface-50 {
1788
- --tw-bg-opacity: 1;
1789
- background-color: rgb(var(--ml-surface-50) / var(--tw-bg-opacity, 1));
1790
- }
1791
- .bg-surface-50\/80 {
1792
- background-color: rgb(var(--ml-surface-50) / 0.8);
1793
- }
1794
- .bg-surface-50\/90 {
1795
- background-color: rgb(var(--ml-surface-50) / 0.9);
1796
- }
1797
- .bg-transparent {
1798
- background-color: transparent;
1799
- }
1800
- .bg-violet-600 {
1801
- --tw-bg-opacity: 1;
1802
- background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
1803
- }
1804
- .bg-violet-600\/20 {
1805
- background-color: rgb(124 58 237 / 0.2);
1806
- }
1807
- .bg-white {
1808
- --tw-bg-opacity: 1;
1809
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1810
- }
1811
- .bg-white\/10 {
1812
- background-color: rgb(255 255 255 / 0.1);
1813
- }
1814
- .bg-white\/20 {
1815
- background-color: rgb(255 255 255 / 0.2);
1816
- }
1817
- .bg-white\/5 {
1818
- background-color: rgb(255 255 255 / 0.05);
1819
- }
1820
- .bg-gradient-to-br {
1821
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1822
- }
1823
- .bg-gradient-to-r {
1824
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1825
- }
1826
- .from-\[rgb\(var\(--ml-accent\)\)\] {
1827
- --tw-gradient-from: rgb(var(--ml-accent)) var(--tw-gradient-from-position);
1828
- --tw-gradient-to: rgb(var(--ml-accent) / 0) var(--tw-gradient-to-position);
1829
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1830
- }
1831
- .from-primary {
1832
- --tw-gradient-from: rgb(var(--ml-primary) / 1) var(--tw-gradient-from-position);
1833
- --tw-gradient-to: rgb(var(--ml-primary) / 0) var(--tw-gradient-to-position);
1834
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1835
- }
1836
- .from-transparent {
1837
- --tw-gradient-from: transparent var(--tw-gradient-from-position);
1838
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1839
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1840
- }
1841
- .from-violet-600 {
1842
- --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
1843
- --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
1844
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1845
- }
1846
- .via-white\/30 {
1847
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1848
- --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
1849
- }
1850
- .to-\[rgb\(var\(--ml-primary\)\)\] {
1851
- --tw-gradient-to: rgb(var(--ml-primary)) var(--tw-gradient-to-position);
1852
- }
1853
- .to-accent {
1854
- --tw-gradient-to: rgb(var(--ml-accent) / 1) var(--tw-gradient-to-position);
1855
- }
1856
- .to-purple-600 {
1857
- --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
1858
- }
1859
- .to-transparent {
1860
- --tw-gradient-to: transparent var(--tw-gradient-to-position);
1861
- }
1862
- .object-cover {
1863
- -o-object-fit: cover;
1864
- object-fit: cover;
1865
- }
1866
- .p-0 {
1867
- padding: 0px;
1868
- }
1869
- .p-1 {
1870
- padding: 0.25rem;
1871
- }
1872
- .p-1\.5 {
1873
- padding: 0.375rem;
1874
- }
1875
- .p-2 {
1876
- padding: 0.5rem;
1877
- }
1878
- .p-2\.5 {
1879
- padding: 0.625rem;
1880
- }
1881
- .p-3 {
1882
- padding: 0.75rem;
1883
- }
1884
- .p-4 {
1885
- padding: 1rem;
1886
- }
1887
- .p-5 {
1888
- padding: 1.25rem;
1889
- }
1890
- .p-6 {
1891
- padding: 1.5rem;
1892
- }
1893
- .px-1 {
1894
- padding-left: 0.25rem;
1895
- padding-right: 0.25rem;
1896
- }
1897
- .px-1\.5 {
1898
- padding-left: 0.375rem;
1899
- padding-right: 0.375rem;
1900
- }
1901
- .px-2 {
1902
- padding-left: 0.5rem;
1903
- padding-right: 0.5rem;
1904
- }
1905
- .px-2\.5 {
1906
- padding-left: 0.625rem;
1907
- padding-right: 0.625rem;
1908
- }
1909
- .px-3 {
1910
- padding-left: 0.75rem;
1911
- padding-right: 0.75rem;
1912
- }
1913
- .px-3\.5 {
1914
- padding-left: 0.875rem;
1915
- padding-right: 0.875rem;
1916
- }
1917
- .px-4 {
1918
- padding-left: 1rem;
1919
- padding-right: 1rem;
1920
- }
1921
- .px-5 {
1922
- padding-left: 1.25rem;
1923
- padding-right: 1.25rem;
1924
- }
1925
- .px-6 {
1926
- padding-left: 1.5rem;
1927
- padding-right: 1.5rem;
1928
- }
1929
- .py-0\.5 {
1930
- padding-top: 0.125rem;
1931
- padding-bottom: 0.125rem;
1932
- }
1933
- .py-1 {
1934
- padding-top: 0.25rem;
1935
- padding-bottom: 0.25rem;
1936
- }
1937
- .py-1\.5 {
1938
- padding-top: 0.375rem;
1939
- padding-bottom: 0.375rem;
1940
- }
1941
- .py-10 {
1942
- padding-top: 2.5rem;
1943
- padding-bottom: 2.5rem;
1944
- }
1945
- .py-12 {
1946
- padding-top: 3rem;
1947
- padding-bottom: 3rem;
1948
- }
1949
- .py-2 {
1950
- padding-top: 0.5rem;
1951
- padding-bottom: 0.5rem;
1952
- }
1953
- .py-2\.5 {
1954
- padding-top: 0.625rem;
1955
- padding-bottom: 0.625rem;
1956
- }
1957
- .py-3 {
1958
- padding-top: 0.75rem;
1959
- padding-bottom: 0.75rem;
1960
- }
1961
- .py-4 {
1962
- padding-top: 1rem;
1963
- padding-bottom: 1rem;
1964
- }
1965
- .py-8 {
1966
- padding-top: 2rem;
1967
- padding-bottom: 2rem;
1968
- }
1969
- .pb-3 {
1970
- padding-bottom: 0.75rem;
1971
- }
1972
- .pl-10 {
1973
- padding-left: 2.5rem;
1974
- }
1975
- .pl-4 {
1976
- padding-left: 1rem;
1977
- }
1978
- .pr-3 {
1979
- padding-right: 0.75rem;
1980
- }
1981
- .pr-9 {
1982
- padding-right: 2.25rem;
1983
- }
1984
- .pt-16 {
1985
- padding-top: 4rem;
1986
- }
1987
- .text-left {
1988
- text-align: left;
1989
- }
1990
- .text-center {
1991
- text-align: center;
1992
- }
1993
- .text-right {
1994
- text-align: right;
1995
- }
1996
- .font-mono {
1997
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1998
- }
1999
- .text-2xl {
2000
- font-size: 1.5rem;
2001
- line-height: 2rem;
2002
- }
2003
- .text-3xl {
2004
- font-size: 1.875rem;
2005
- line-height: 2.25rem;
2006
- }
2007
- .text-\[10px\] {
2008
- font-size: 10px;
2009
- }
2010
- .text-\[11px\] {
2011
- font-size: 11px;
2012
- }
2013
- .text-base {
2014
- font-size: 1rem;
2015
- line-height: 1.5rem;
2016
- }
2017
- .text-lg {
2018
- font-size: 1.125rem;
2019
- line-height: 1.75rem;
2020
- }
2021
- .text-sm {
2022
- font-size: 0.875rem;
2023
- line-height: 1.25rem;
2024
- }
2025
- .text-xl {
2026
- font-size: 1.25rem;
2027
- line-height: 1.75rem;
2028
- }
2029
- .text-xs {
2030
- font-size: 0.75rem;
2031
- line-height: 1rem;
2032
- }
2033
- .font-bold {
2034
- font-weight: 700;
2035
- }
2036
- .font-medium {
2037
- font-weight: 500;
2038
- }
2039
- .font-normal {
2040
- font-weight: 400;
2041
- }
2042
- .font-semibold {
2043
- font-weight: 600;
2044
- }
2045
- .uppercase {
2046
- text-transform: uppercase;
2047
- }
2048
- .tabular-nums {
2049
- --tw-numeric-spacing: tabular-nums;
2050
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2051
- }
2052
- .leading-none {
2053
- line-height: 1;
2054
- }
2055
- .leading-relaxed {
2056
- line-height: 1.625;
2057
- }
2058
- .leading-snug {
2059
- line-height: 1.375;
2060
- }
2061
- .tracking-tight {
2062
- letter-spacing: -0.025em;
2063
- }
2064
- .tracking-wider {
2065
- letter-spacing: 0.05em;
2066
- }
2067
- .text-accent-light {
2068
- --tw-text-opacity: 1;
2069
- color: rgb(var(--ml-accent-light) / var(--tw-text-opacity, 1));
2070
- }
2071
- .text-amber-400 {
2072
- --tw-text-opacity: 1;
2073
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
2074
- }
2075
- .text-amber-500 {
2076
- --tw-text-opacity: 1;
2077
- color: rgb(245 158 11 / var(--tw-text-opacity, 1));
2078
- }
2079
- .text-blue-400 {
2080
- --tw-text-opacity: 1;
2081
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2082
- }
2083
- .text-emerald-400 {
2084
- --tw-text-opacity: 1;
2085
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2086
- }
2087
- .text-green-400 {
2088
- --tw-text-opacity: 1;
2089
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2090
- }
2091
- .text-primary {
2092
- --tw-text-opacity: 1;
2093
- color: rgb(var(--ml-primary) / var(--tw-text-opacity, 1));
2094
- }
2095
- .text-primary-light {
2096
- --tw-text-opacity: 1;
2097
- color: rgb(var(--ml-primary-light) / var(--tw-text-opacity, 1));
2098
- }
2099
- .text-red-400 {
2100
- --tw-text-opacity: 1;
2101
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2102
- }
2103
- .text-rose-400 {
2104
- --tw-text-opacity: 1;
2105
- color: rgb(251 113 133 / var(--tw-text-opacity, 1));
2106
- }
2107
- .text-rose-500 {
2108
- --tw-text-opacity: 1;
2109
- color: rgb(244 63 94 / var(--tw-text-opacity, 1));
2110
- }
2111
- .text-violet-400 {
2112
- --tw-text-opacity: 1;
2113
- color: rgb(167 139 250 / var(--tw-text-opacity, 1));
2114
- }
2115
- .text-white {
2116
- --tw-text-opacity: 1;
2117
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2118
- }
2119
- .text-white\/10 {
2120
- color: rgb(255 255 255 / 0.1);
2121
- }
2122
- .text-white\/30 {
2123
- color: rgb(255 255 255 / 0.3);
2124
- }
2125
- .text-white\/40 {
2126
- color: rgb(255 255 255 / 0.4);
2127
- }
2128
- .text-white\/50 {
2129
- color: rgb(255 255 255 / 0.5);
2130
- }
2131
- .text-white\/60 {
2132
- color: rgb(255 255 255 / 0.6);
2133
- }
2134
- .text-white\/70 {
2135
- color: rgb(255 255 255 / 0.7);
2136
- }
2137
- .text-white\/80 {
2138
- color: rgb(255 255 255 / 0.8);
2139
- }
2140
- .text-white\/90 {
2141
- color: rgb(255 255 255 / 0.9);
2142
- }
2143
- .underline {
2144
- text-decoration-line: underline;
2145
- }
2146
- .underline-offset-2 {
2147
- text-underline-offset: 2px;
2148
- }
2149
- .placeholder-white\/30::-moz-placeholder {
2150
- color: rgb(255 255 255 / 0.3);
2151
- }
2152
- .placeholder-white\/30::placeholder {
2153
- color: rgb(255 255 255 / 0.3);
2154
- }
2155
- .opacity-0 {
2156
- opacity: 0;
2157
- }
2158
- .opacity-10 {
2159
- opacity: 0.1;
2160
- }
2161
- .opacity-100 {
2162
- opacity: 1;
2163
- }
2164
- .opacity-15 {
2165
- opacity: 0.15;
2166
- }
2167
- .opacity-25 {
2168
- opacity: 0.25;
2169
- }
2170
- .opacity-40 {
2171
- opacity: 0.4;
2172
- }
2173
- .opacity-50 {
2174
- opacity: 0.5;
2175
- }
2176
- .opacity-60 {
2177
- opacity: 0.6;
2178
- }
2179
- .opacity-75 {
2180
- opacity: 0.75;
2181
- }
2182
- .shadow {
2183
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2184
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2185
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2186
- }
2187
- .shadow-2xl {
2188
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2189
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2190
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2191
- }
2192
- .shadow-glow {
2193
- --tw-shadow: var(--ml-shadow-glow);
2194
- --tw-shadow-colored: var(--ml-shadow-glow);
2195
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2196
- }
2197
- .shadow-lg {
2198
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2199
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2200
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2201
- }
2202
- .shadow-sm {
2203
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2204
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2205
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2206
- }
2207
- .shadow-xl {
2208
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2209
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2210
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2211
- }
2212
- .shadow-amber-600\/20 {
2213
- --tw-shadow-color: rgb(217 119 6 / 0.2);
2214
- --tw-shadow: var(--tw-shadow-colored);
2215
- }
2216
- .shadow-emerald-600\/20 {
2217
- --tw-shadow-color: rgb(5 150 105 / 0.2);
2218
- --tw-shadow: var(--tw-shadow-colored);
2219
- }
2220
- .shadow-rose-600\/20 {
2221
- --tw-shadow-color: rgb(225 29 72 / 0.2);
2222
- --tw-shadow: var(--tw-shadow-colored);
2223
- }
2224
- .outline-none {
2225
- outline: 2px solid transparent;
2226
- outline-offset: 2px;
2227
- }
2228
- .ring {
2229
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2230
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2231
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2232
- }
2233
- .ring-0 {
2234
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2235
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2236
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2237
- }
2238
- .ring-1 {
2239
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2240
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2241
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2242
- }
2243
- .ring-2 {
2244
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2245
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2246
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2247
- }
2248
- .ring-\[rgb\(var\(--ml-primary\)\)\] {
2249
- --tw-ring-color: rgb(var(--ml-primary));
2250
- }
2251
- .ring-accent\/20 {
2252
- --tw-ring-color: rgb(var(--ml-accent) / 0.2);
2253
- }
2254
- .ring-amber-500\/20 {
2255
- --tw-ring-color: rgb(245 158 11 / 0.2);
2256
- }
2257
- .ring-emerald-500\/20 {
2258
- --tw-ring-color: rgb(16 185 129 / 0.2);
2259
- }
2260
- .ring-primary\/20 {
2261
- --tw-ring-color: rgb(var(--ml-primary) / 0.2);
2262
- }
2263
- .ring-primary\/30 {
2264
- --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2265
- }
2266
- .ring-primary\/40 {
2267
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2268
- }
2269
- .ring-rose-500\/20 {
2270
- --tw-ring-color: rgb(244 63 94 / 0.2);
2271
- }
2272
- .ring-rose-500\/40 {
2273
- --tw-ring-color: rgb(244 63 94 / 0.4);
2274
- }
2275
- .ring-rose-500\/50 {
2276
- --tw-ring-color: rgb(244 63 94 / 0.5);
2277
- }
2278
- .ring-white\/10 {
2279
- --tw-ring-color: rgb(255 255 255 / 0.1);
2280
- }
2281
- .ring-offset-1 {
2282
- --tw-ring-offset-width: 1px;
2283
- }
2284
- .ring-offset-black\/50 {
2285
- --tw-ring-offset-color: rgb(0 0 0 / 0.5);
2286
- }
2287
- .blur {
2288
- --tw-blur: blur(8px);
2289
- 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);
2290
- }
2291
- .blur-\[120px\] {
2292
- --tw-blur: blur(120px);
2293
- 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);
2294
- }
2295
- .blur-\[140px\] {
2296
- --tw-blur: blur(140px);
2297
- 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);
2298
- }
2299
- .filter {
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
- .backdrop-blur-md {
2303
- --tw-backdrop-blur: blur(12px);
2304
- 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);
2305
- }
2306
- .backdrop-blur-sm {
2307
- --tw-backdrop-blur: blur(4px);
2308
- 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);
2309
- }
2310
- .transition {
2311
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2312
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2313
- transition-duration: 150ms;
2314
- }
2315
- .transition-\[background-color\2c opacity\] {
2316
- transition-property: background-color,opacity;
2317
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2318
- transition-duration: 150ms;
2319
- }
2320
- .transition-\[grid-template-rows\] {
2321
- transition-property: grid-template-rows;
2322
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2323
- transition-duration: 150ms;
2324
- }
2325
- .transition-\[opacity\2c transform\] {
2326
- transition-property: opacity,transform;
2327
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2328
- transition-duration: 150ms;
2329
- }
2330
- .transition-\[transform\2c background-color\2c box-shadow\2c opacity\] {
2331
- transition-property: transform,background-color,box-shadow,opacity;
2332
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2333
- transition-duration: 150ms;
2334
- }
2335
- .transition-\[width\] {
2336
- transition-property: width;
2337
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2338
- transition-duration: 150ms;
2339
- }
2340
- .transition-all {
2341
- transition-property: all;
2342
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2343
- transition-duration: 150ms;
2344
- }
2345
- .transition-colors {
2346
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2347
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2348
- transition-duration: 150ms;
2349
- }
2350
- .transition-opacity {
2351
- transition-property: opacity;
2352
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2353
- transition-duration: 150ms;
2354
- }
2355
- .transition-shadow {
2356
- transition-property: box-shadow;
2357
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2358
- transition-duration: 150ms;
2359
- }
2360
- .transition-transform {
2361
- transition-property: transform;
2362
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2363
- transition-duration: 150ms;
2364
- }
2365
- .duration-100 {
2366
- transition-duration: 100ms;
2367
- }
2368
- .duration-150 {
2369
- transition-duration: 150ms;
2370
- }
2371
- .duration-200 {
2372
- transition-duration: 200ms;
2373
- }
2374
- .duration-300 {
2375
- transition-duration: 300ms;
2376
- }
2377
- .duration-500 {
2378
- transition-duration: 500ms;
2379
- }
2380
- .ease-in-out {
2381
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2382
- }
2383
- .ease-linear {
2384
- transition-timing-function: linear;
2385
- }
2386
- .ease-out {
2387
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2388
- }
2389
- .\[-webkit-tap-highlight-color\:transparent\] {
2390
- -webkit-tap-highlight-color: transparent;
2391
- }
2392
- .placeholder\:text-white\/30::-moz-placeholder {
2393
- color: rgb(255 255 255 / 0.3);
2394
- }
2395
- .placeholder\:text-white\/30::placeholder {
2396
- color: rgb(255 255 255 / 0.3);
2397
- }
2398
- .focus-within\:ring-2:focus-within {
2399
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2400
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2401
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2402
- }
2403
- .focus-within\:ring-primary\/40:focus-within {
2404
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2405
- }
2406
- .focus-within\:ring-rose-500\/40:focus-within {
2407
- --tw-ring-color: rgb(244 63 94 / 0.4);
2408
- }
2409
- .hover\:scale-105:hover {
2410
- --tw-scale-x: 1.05;
2411
- --tw-scale-y: 1.05;
2412
- 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));
2413
- }
2414
- .hover\:scale-\[1\.02\]:hover {
2415
- --tw-scale-x: 1.02;
2416
- --tw-scale-y: 1.02;
2417
- 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));
2418
- }
2419
- .hover\:border-primary\/50:hover {
2420
- border-color: rgb(var(--ml-primary) / 0.5);
2421
- }
2422
- .hover\:border-transparent:hover {
2423
- border-color: transparent;
2424
- }
2425
- .hover\:border-white\/20:hover {
2426
- border-color: rgb(255 255 255 / 0.2);
2427
- }
2428
- .hover\:bg-amber-700:hover {
2429
- --tw-bg-opacity: 1;
2430
- background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
2431
- }
2432
- .hover\:bg-emerald-700:hover {
2433
- --tw-bg-opacity: 1;
2434
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
2435
- }
2436
- .hover\:bg-rose-700:hover {
2437
- --tw-bg-opacity: 1;
2438
- background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
2439
- }
2440
- .hover\:bg-transparent:hover {
2441
- background-color: transparent;
2442
- }
2443
- .hover\:bg-white\/10:hover {
2444
- background-color: rgb(255 255 255 / 0.1);
2445
- }
2446
- .hover\:bg-white\/15:hover {
2447
- background-color: rgb(255 255 255 / 0.15);
2448
- }
2449
- .hover\:bg-white\/5:hover {
2450
- background-color: rgb(255 255 255 / 0.05);
2451
- }
2452
- .hover\:bg-white\/\[0\.03\]:hover {
2453
- background-color: rgb(255 255 255 / 0.03);
2454
- }
2455
- .hover\:bg-white\/\[0\.08\]:hover {
2456
- background-color: rgb(255 255 255 / 0.08);
2457
- }
2458
- .hover\:text-emerald-400:hover {
2459
- --tw-text-opacity: 1;
2460
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2461
- }
2462
- .hover\:text-white:hover {
2463
- --tw-text-opacity: 1;
2464
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2465
- }
2466
- .hover\:text-white\/40:hover {
2467
- color: rgb(255 255 255 / 0.4);
2468
- }
2469
- .hover\:text-white\/50:hover {
2470
- color: rgb(255 255 255 / 0.5);
2471
- }
2472
- .hover\:text-white\/60:hover {
2473
- color: rgb(255 255 255 / 0.6);
2474
- }
2475
- .hover\:text-white\/70:hover {
2476
- color: rgb(255 255 255 / 0.7);
2477
- }
2478
- .hover\:text-white\/80:hover {
2479
- color: rgb(255 255 255 / 0.8);
2480
- }
2481
- .hover\:text-white\/90:hover {
2482
- color: rgb(255 255 255 / 0.9);
2483
- }
2484
- .hover\:shadow-glow-lg:hover {
2485
- --tw-shadow: var(--ml-shadow-glow-lg);
2486
- --tw-shadow-colored: var(--ml-shadow-glow-lg);
2487
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2488
- }
2489
- .hover\:ring-white\/20:hover {
2490
- --tw-ring-color: rgb(255 255 255 / 0.2);
2491
- }
2492
- .hover\:brightness-\[0\.98\]:hover {
2493
- --tw-brightness: brightness(0.98);
2494
- 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);
2495
- }
2496
- .focus\:outline-none:focus {
2497
- outline: 2px solid transparent;
2498
- outline-offset: 2px;
2499
- }
2500
- .focus\:ring-rose-500\/40:focus {
2501
- --tw-ring-color: rgb(244 63 94 / 0.4);
2502
- }
2503
- .focus-visible\:bg-white\/10:focus-visible {
2504
- background-color: rgb(255 255 255 / 0.1);
2505
- }
2506
- .focus-visible\:text-white:focus-visible {
2507
- --tw-text-opacity: 1;
2508
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2509
- }
2510
- .focus-visible\:text-white\/70:focus-visible {
2511
- color: rgb(255 255 255 / 0.7);
2512
- }
2513
- .focus-visible\:outline-none:focus-visible {
2514
- outline: 2px solid transparent;
2515
- outline-offset: 2px;
2516
- }
2517
- .focus-visible\:ring-1:focus-visible {
2518
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2519
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2520
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2521
- }
2522
- .focus-visible\:ring-2:focus-visible {
2523
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2524
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2525
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2526
- }
2527
- .focus-visible\:ring-inset:focus-visible {
2528
- --tw-ring-inset: inset;
2529
- }
2530
- .focus-visible\:ring-primary:focus-visible {
2531
- --tw-ring-opacity: 1;
2532
- --tw-ring-color: rgb(var(--ml-primary) / var(--tw-ring-opacity, 1));
2533
- }
2534
- .focus-visible\:ring-primary\/30:focus-visible {
2535
- --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2536
- }
2537
- .focus-visible\:ring-primary\/40:focus-visible {
2538
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2539
- }
2540
- .focus-visible\:ring-primary\/60:focus-visible {
2541
- --tw-ring-color: rgb(var(--ml-primary) / 0.6);
2542
- }
2543
- .focus-visible\:ring-offset-1:focus-visible {
2544
- --tw-ring-offset-width: 1px;
2545
- }
2546
- .focus-visible\:ring-offset-2:focus-visible {
2547
- --tw-ring-offset-width: 2px;
2548
- }
2549
- .focus-visible\:ring-offset-surface:focus-visible {
2550
- --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2551
- }
2552
- .focus-visible\:ring-offset-transparent:focus-visible {
2553
- --tw-ring-offset-color: transparent;
2554
- }
2555
- .active\:translate-y-\[0\.5px\]:active {
2556
- --tw-translate-y: 0.5px;
2557
- 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));
2558
- }
2559
- .active\:scale-95:active {
2560
- --tw-scale-x: .95;
2561
- --tw-scale-y: .95;
2562
- 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));
2563
- }
2564
- .disabled\:pointer-events-none:disabled {
2565
- pointer-events: none;
2566
- }
2567
- .disabled\:cursor-not-allowed:disabled {
2568
- cursor: not-allowed;
2569
- }
2570
- .disabled\:opacity-60:disabled {
2571
- opacity: 0.6;
2572
- }
2573
- .peer:focus-visible ~ .peer-focus-visible\:ring-2 {
2574
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2575
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2576
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2577
- }
2578
- .peer:focus-visible ~ .peer-focus-visible\:ring-primary\/40 {
2579
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2580
- }
2581
- .peer:focus-visible ~ .peer-focus-visible\:ring-offset-1 {
2582
- --tw-ring-offset-width: 1px;
2583
- }
2584
- .peer:focus-visible ~ .peer-focus-visible\:ring-offset-transparent {
2585
- --tw-ring-offset-color: transparent;
2586
- }
2587
- @media (min-width: 640px) {
2588
- .sm\:mb-4 {
2589
- margin-bottom: 1rem;
2590
- }
2591
- .sm\:mb-6 {
2592
- margin-bottom: 1.5rem;
2593
- }
2594
- .sm\:w-auto {
2595
- width: auto;
2596
- }
2597
- .sm\:flex-row {
2598
- flex-direction: row;
2599
- }
2600
- .sm\:items-center {
2601
- align-items: center;
2602
- }
2603
- .sm\:justify-end {
2604
- justify-content: flex-end;
2605
- }
2606
- .sm\:rounded-2xl {
2607
- border-radius: 1rem;
2608
- }
2609
- .sm\:p-6 {
2610
- padding: 1.5rem;
2611
- }
2612
- .sm\:px-6 {
2613
- padding-left: 1.5rem;
2614
- padding-right: 1.5rem;
2615
- }
2616
- .sm\:py-2\.5 {
2617
- padding-top: 0.625rem;
2618
- padding-bottom: 0.625rem;
2619
- }
2620
- .sm\:text-2xl {
2621
- font-size: 1.5rem;
2622
- line-height: 2rem;
2623
- }
2624
- .sm\:text-4xl {
2625
- font-size: 2.25rem;
2626
- line-height: 2.5rem;
2627
- }
2628
- }
2629
- @media (min-width: 768px) {
2630
- .md\:grid-cols-2 {
2631
- grid-template-columns: repeat(2, minmax(0, 1fr));
2632
- }
2633
- }
2634
- @media (min-width: 1024px) {
2635
- .lg\:px-8 {
2636
- padding-left: 2rem;
2637
- padding-right: 2rem;
2638
- }
2639
- }
2640
- .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
2641
- height: 1rem;
2642
- }
2643
- .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
2644
- width: 1rem;
2645
- }
2646
- .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
2647
- border-radius: 9999px;
2648
- }
2649
- .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
2650
- border-width: 2px;
2651
- }
2652
- .\[\&\:\:-moz-range-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-moz-range-thumb {
2653
- border-color: rgb(var(--ml-primary,139 92 246));
2654
- }
2655
- .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
2656
- --tw-bg-opacity: 1;
2657
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2658
- }
2659
- .\[\&\:\:-moz-range-thumb\]\:transition-shadow::-moz-range-thumb {
2660
- -moz-transition-property: box-shadow;
2661
- transition-property: box-shadow;
2662
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2663
- transition-duration: 150ms;
2664
- }
2665
- .\[\&\:\:-moz-range-thumb\]\:duration-150::-moz-range-thumb {
2666
- transition-duration: 150ms;
2667
- }
2668
- .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb:focus-visible {
2669
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2670
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2671
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2672
- }
2673
- .focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-primary\/40::-moz-range-thumb:focus-visible {
2674
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2675
- }
2676
- .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
2677
- border-radius: 9999px;
2678
- }
2679
- .\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track {
2680
- background-color: transparent;
2681
- }
2682
- .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
2683
- border-radius: 9999px;
2684
- }
2685
- .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/15::-webkit-scrollbar-thumb {
2686
- background-color: rgb(255 255 255 / 0.15);
2687
- }
2688
- .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/25::-webkit-scrollbar-thumb:hover {
2689
- background-color: rgb(255 255 255 / 0.25);
2690
- }
2691
- .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
2692
- background-color: transparent;
2693
- }
2694
- .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
2695
- height: 0.375rem;
2696
- }
2697
- .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
2698
- width: 0.375rem;
2699
- }
2700
- .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
2701
- height: 1rem;
2702
- }
2703
- .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
2704
- width: 1rem;
2705
- }
2706
- .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
2707
- -webkit-appearance: none;
2708
- appearance: none;
2709
- }
2710
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
2711
- border-radius: 9999px;
2712
- }
2713
- .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
2714
- border-width: 2px;
2715
- }
2716
- .\[\&\:\:-webkit-slider-thumb\]\:border-\[rgb\(var\(--ml-primary\2c 139_92_246\)\)\]::-webkit-slider-thumb {
2717
- border-color: rgb(var(--ml-primary,139 92 246));
2718
- }
2719
- .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
2720
- --tw-bg-opacity: 1;
2721
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2722
- }
2723
- .\[\&\:\:-webkit-slider-thumb\]\:transition-shadow::-webkit-slider-thumb {
2724
- -webkit-transition-property: box-shadow;
2725
- transition-property: box-shadow;
2726
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2727
- transition-duration: 150ms;
2728
- }
2729
- .\[\&\:\:-webkit-slider-thumb\]\:duration-150::-webkit-slider-thumb {
2730
- transition-duration: 150ms;
2731
- }
2732
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb:focus-visible {
2733
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2734
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2735
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2736
- }
2737
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-primary\/40::-webkit-slider-thumb:focus-visible {
2738
- --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2739
- }
2740
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-2::-webkit-slider-thumb:focus-visible {
2741
- --tw-ring-offset-width: 2px;
2742
- }
2743
- .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-surface::-webkit-slider-thumb:focus-visible {
2744
- --tw-ring-offset-color: rgb(var(--ml-bg) / 1);
2745
- }
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
+ }