emily-css 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +249 -0
  3. package/bin/emilyui.js +17 -0
  4. package/dist/emily.css +23068 -0
  5. package/dist/emily.demo.css +110 -0
  6. package/dist/emily.demo.min.css +1 -0
  7. package/dist/emily.min.css +1 -0
  8. package/dist/emily.purged.css +840 -0
  9. package/dist/emily.purged.min.css +1 -0
  10. package/fonts/inter/Inter-Variable.woff2 +0 -0
  11. package/fonts/lexend/Lexend-Variable.woff2 +0 -0
  12. package/package.json +42 -0
  13. package/src/generators.js +506 -0
  14. package/src/index.js +952 -0
  15. package/src/init.js +252 -0
  16. package/src/purge.js +194 -0
package/dist/emily.purged.css ADDED
@@ -0,0 +1,840 @@
1
+ @layer theme, base, components, utilities;
2
+
3
+ @layer theme {
4
+ :root {
5
+ --color-primary-10: #FFADDF;
6
+ --color-primary-20: #FF8FCF;
7
+ --color-primary-30: #FF7FBF;
8
+ --color-primary-40: #FF6FB0;
9
+ --color-primary-50: #FF5EA2;
10
+ --color-primary-60: #FE4D93;
11
+ --color-primary-70: #EC3B85;
12
+ --color-primary-80: #DB2777;
13
+ --color-primary-90: #8C003A;
14
+ --color-primary-100: #280009;
15
+ --color-secondary-10: #9FE0FF;
16
+ --color-secondary-20: #84CCFF;
17
+ --color-secondary-30: #74BAFF;
18
+ --color-secondary-40: #64A9FF;
19
+ --color-secondary-50: #5497FF;
20
+ --color-secondary-60: #4486FF;
21
+ --color-secondary-70: #3574FE;
22
+ --color-secondary-80: #2563EB;
23
+ --color-secondary-90: #001BA7;
24
+ --color-secondary-100: #000037;
25
+ --color-success-10: #A1FCD2;
26
+ --color-success-20: #7FF1BF;
27
+ --color-success-30: #6FE1B0;
28
+ --color-success-40: #5ED2A1;
29
+ --color-success-50: #4DC293;
30
+ --color-success-60: #3BB385;
31
+ --color-success-70: #27A577;
32
+ --color-success-80: #059669;
33
+ --color-success-90: #00532C;
34
+ --color-success-100: #001204;
35
+ --color-warning-10: #FFD495;
36
+ --color-warning-20: #FFC06A;
37
+ --color-warning-30: #FFB45D;
38
+ --color-warning-40: #FFA74F;
39
+ --color-warning-50: #FF9B41;
40
+ --color-warning-60: #F38F32;
41
+ --color-warning-70: #E68321;
42
+ --color-warning-80: #D97706;
43
+ --color-warning-90: #832700;
44
+ --color-warning-100: #200000;
45
+ --color-error-10: #FFB1A0;
46
+ --color-error-20: #FF9383;
47
+ --color-error-30: #FF8274;
48
+ --color-error-40: #FF7164;
49
+ --color-error-50: #FF6055;
50
+ --color-error-60: #FF4F46;
51
+ --color-error-70: #EE3C36;
52
+ --color-error-80: #DC2626;
53
+ --color-error-90: #8F0000;
54
+ --color-error-100: #2A0000;
55
+ --color-neutral-10: #E3DFD9;
56
+ --color-neutral-20: #CEC9C3;
57
+ --color-neutral-30: #B9B4AF;
58
+ --color-neutral-40: #A4A09A;
59
+ --color-neutral-50: #908C86;
60
+ --color-neutral-60: #7D7873;
61
+ --color-neutral-70: #696560;
62
+ --color-neutral-80: #57534E;
63
+ --color-neutral-90: #302C28;
64
+ --color-neutral-100: #0C0B09;
65
+ --space-0: 0px;
66
+ --space-1: 0.25rem;
67
+ --space-2: 0.5rem;
68
+ --space-3: 0.75rem;
69
+ --space-4: 1rem;
70
+ --space-5: 1.25rem;
71
+ --space-6: 1.5rem;
72
+ --space-7: 1.75rem;
73
+ --space-8: 2rem;
74
+ --space-9: 2.25rem;
75
+ --space-10: 2.5rem;
76
+ --space-11: 2.75rem;
77
+ --space-12: 3rem;
78
+ --space-14: 3.5rem;
79
+ --space-16: 4rem;
80
+ --space-20: 5rem;
81
+ --space-24: 6rem;
82
+ --space-28: 7rem;
83
+ --space-32: 8rem;
84
+ --space-36: 9rem;
85
+ --space-40: 10rem;
86
+ --space-44: 11rem;
87
+ --space-48: 12rem;
88
+ --space-52: 13rem;
89
+ --space-56: 14rem;
90
+ --space-60: 15rem;
91
+ --space-64: 16rem;
92
+ --space-72: 18rem;
93
+ --space-80: 20rem;
94
+ --space-96: 24rem;
95
+ --space-px: 1px;
96
+ --space-0.5: 0.125rem;
97
+ --space-1.5: 0.375rem;
98
+ --space-2.5: 0.625rem;
99
+ --space-3.5: 0.875rem;
100
+ --text-xs: 12px;
101
+ --leading-xs: 1.5;
102
+ --text-sm: 14px;
103
+ --leading-sm: 1.5;
104
+ --text-base: 16px;
105
+ --leading-base: 1.6;
106
+ --text-lg: 18px;
107
+ --leading-lg: 1.6;
108
+ --text-xl: 20px;
109
+ --leading-xl: 1.6;
110
+ --text-2xl: 24px;
111
+ --leading-2xl: 1.4;
112
+ --text-3xl: 30px;
113
+ --leading-3xl: 1.4;
114
+ --text-4xl: 36px;
115
+ --leading-4xl: 1.3;
116
+ --font-weight-light: 300;
117
+ --font-weight-normal: 400;
118
+ --font-weight-medium: 500;
119
+ --font-weight-semibold: 600;
120
+ --font-weight-bold: 700;
121
+ --breakpoint-sm: 640px;
122
+ --breakpoint-md: 768px;
123
+ --breakpoint-lg: 1024px;
124
+ --breakpoint-xl: 1280px;
125
+ --breakpoint-2xl: 1536px;
126
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
127
+ --shadow-base: 0 4px 6px rgba(0, 0, 0, 0.1);
128
+ --shadow-md: 0 10px 15px rgba(0, 0, 0, 0.1);
129
+ --shadow-lg: 0 20px 25px rgba(0, 0, 0, 0.15);
130
+ --shadow-none: none;
131
+ --z-0: 0;
132
+ --z-10: 10;
133
+ --z-20: 20;
134
+ --z-30: 30;
135
+ --z-40: 40;
136
+ --z-50: 50;
137
+ --z-auto: auto;
138
+ --z-dropdown: 1000;
139
+ --z-sticky: 1020;
140
+ --z-fixed: 1030;
141
+ --z-modal: 1040;
142
+ --z-popover: 1060;
143
+ --z-tooltip: 1070;
144
+ --transition-duration: 200ms;
145
+ --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
146
+ }
147
+
148
+ }
149
+
150
+ @layer base {
151
+ *, *::before, *::after {
152
+ box-sizing: border-box;
153
+ }
154
+ body {
155
+ font-family: "Inter", system-ui, sans-serif;
156
+ font-synthesis: style;
157
+ }
158
+ }
159
+
160
+ @layer components {
161
+ /* Reserved for component styles in a future release. */
162
+ }
163
+
164
+ @layer utilities {
165
+ /* Display & Visibility */
166
+ .block { display: block; }
167
+ .flex { display: flex; }
168
+ .grid { display: grid; }
169
+ .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
170
+ .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
171
+ .p-2 { padding: 0.5rem; }
172
+ .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
173
+ .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
174
+ .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
175
+ .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
176
+ .p-4 { padding: 1rem; }
177
+ .px-4 { padding-left: 1rem; padding-right: 1rem; }
178
+ .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
179
+ .pb-4 { padding-bottom: 1rem; }
180
+ .p-5 { padding: 1.25rem; }
181
+ .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
182
+ .p-6 { padding: 1.5rem; }
183
+ .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
184
+ .pb-6 { padding-bottom: 1.5rem; }
185
+ .p-8 { padding: 2rem; }
186
+ .p-12 { padding: 3rem; }
187
+ .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
188
+ .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
189
+ .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
190
+ .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
191
+ .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
192
+ .mt-1 { margin-top: 0.25rem; }
193
+ .mb-1 { margin-bottom: 0.25rem; }
194
+ .mt-2 { margin-top: 0.5rem; }
195
+ .mb-2 { margin-bottom: 0.5rem; }
196
+ .mb-3 { margin-bottom: 0.75rem; }
197
+ .mb-4 { margin-bottom: 1rem; }
198
+ .mb-5 { margin-bottom: 1.25rem; }
199
+ .mb-6 { margin-bottom: 1.5rem; }
200
+ .mb-8 { margin-bottom: 2rem; }
201
+ .mb-10 { margin-bottom: 2.5rem; }
202
+ .mt-0\.5 { margin-top: 0.125rem; }
203
+ .mt-1\.5 { margin-top: 0.375rem; }
204
+ .flex-col { flex-direction: column; }
205
+ .flex-wrap { flex-wrap: wrap; }
206
+ .flex-1 { flex: 1 1 0%; }
207
+ .shrink-0 { flex-shrink: 0; }
208
+ .justify-center { justify-content: center; }
209
+ .justify-between { justify-content: space-between; }
210
+ .items-start { align-items: flex-start; }
211
+ .items-end { align-items: flex-end; }
212
+ .items-center { align-items: center; }
213
+ .items-baseline { align-items: baseline; }
214
+ .self-start { align-self: flex-start; }
215
+ .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
216
+ .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
217
+ .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
218
+ .gap-1 { gap: 0.25rem; }
219
+ .gap-2 { gap: 0.5rem; }
220
+ .gap-3 { gap: 0.75rem; }
221
+ .gap-4 { gap: 1rem; }
222
+ .gap-5 { gap: 1.25rem; }
223
+ .gap-6 { gap: 1.5rem; }
224
+ .gap-8 { gap: 2rem; }
225
+ .gap-0\.5 { gap: 0.125rem; }
226
+ .gap-1\.5 { gap: 0.375rem; }
227
+ .w-7 { width: 1.75rem; }
228
+ .w-8 { width: 2rem; }
229
+ .w-10 { width: 2.5rem; }
230
+ .w-14 { width: 3.5rem; }
231
+ .w-16 { width: 4rem; }
232
+ .w-24 { width: 6rem; }
233
+ .h-4 { height: 1rem; }
234
+ .h-6 { height: 1.5rem; }
235
+ .h-7 { height: 1.75rem; }
236
+ .h-10 { height: 2.5rem; }
237
+ .h-16 { height: 4rem; }
238
+ .h-20 { height: 5rem; }
239
+ .w-full { width: 100%; }
240
+ /* Typography */
241
+ .text-xs { font-size: var(--text-xs); line-height: 1.5; }
242
+ .text-sm { font-size: var(--text-sm); line-height: 1.5; }
243
+ .text-base { font-size: var(--text-base); line-height: 1.6; }
244
+ .text-lg { font-size: var(--text-lg); line-height: 1.6; }
245
+ .text-xl { font-size: var(--text-xl); line-height: 1.6; }
246
+ .text-2xl { font-size: var(--text-2xl); line-height: 1.4; }
247
+ .text-3xl { font-size: var(--text-3xl); line-height: 1.4; }
248
+ .text-4xl { font-size: var(--text-4xl); line-height: 1.3; }
249
+ .font-light { font-weight: 300; }
250
+ .font-normal { font-weight: 400; }
251
+ .font-medium { font-weight: 500; }
252
+ .font-semibold { font-weight: 600; }
253
+ .font-bold { font-weight: 700; }
254
+ .text-center { text-align: center; }
255
+ .tracking-wide { letter-spacing: 0.02em; }
256
+ .uppercase { text-transform: uppercase; }
257
+ /* Borders & Radius */
258
+ .border { border-width: 1px; }
259
+ .border-0 { border-width: 0px; }
260
+ .border-2 { border-width: 2px; }
261
+ .border-4 { border-width: 4px; }
262
+ .border-8 { border-width: 8px; }
263
+ .border-b { border-bottom-width: 1px; }
264
+ .border-b-2 { border-bottom-width: 2px; }
265
+ .rounded { border-radius: 8px; }
266
+ .rounded-none { border-radius: 0; }
267
+ .rounded-sm { border-radius: 4px; }
268
+ .rounded-md { border-radius: 12px; }
269
+ .rounded-lg { border-radius: 16px; }
270
+ .rounded-full { border-radius: 9999px; }
271
+ /* Colours: Background, Text, Borders, Accents */
272
+ .bg-primary-10 { background-color: #FFADDF; }
273
+ .bg-primary-20 { background-color: #FF8FCF; }
274
+ .bg-primary-30 { background-color: #FF7FBF; }
275
+ .bg-primary-40 { background-color: #FF6FB0; }
276
+ .bg-primary-50 { background-color: #FF5EA2; }
277
+ .bg-primary-60 { background-color: #FE4D93; }
278
+ .bg-primary-70 { background-color: #EC3B85; }
279
+ .bg-primary-80 { background-color: #DB2777; }
280
+ .bg-primary-90 { background-color: #8C003A; }
281
+ .bg-primary-100 { background-color: #280009; }
282
+ .text-primary-20 { color: #FF8FCF; }
283
+ .text-primary-80 { color: #DB2777; }
284
+ .text-primary-90 { color: #8C003A; }
285
+ .border-primary-30 { border-color: #FF7FBF; }
286
+ .border-primary-40 { border-color: #FF6FB0; }
287
+ .border-primary-80 { border-color: #DB2777; }
288
+ .bg-secondary-10 { background-color: #9FE0FF; }
289
+ .bg-secondary-20 { background-color: #84CCFF; }
290
+ .bg-secondary-30 { background-color: #74BAFF; }
291
+ .bg-secondary-40 { background-color: #64A9FF; }
292
+ .bg-secondary-50 { background-color: #5497FF; }
293
+ .bg-secondary-60 { background-color: #4486FF; }
294
+ .bg-secondary-70 { background-color: #3574FE; }
295
+ .bg-secondary-80 { background-color: #2563EB; }
296
+ .bg-secondary-90 { background-color: #001BA7; }
297
+ .bg-secondary-100 { background-color: #000037; }
298
+ .text-secondary-80 { color: #2563EB; }
299
+ .bg-success-10 { background-color: #A1FCD2; }
300
+ .bg-success-20 { background-color: #7FF1BF; }
301
+ .bg-success-30 { background-color: #6FE1B0; }
302
+ .bg-success-40 { background-color: #5ED2A1; }
303
+ .bg-success-50 { background-color: #4DC293; }
304
+ .bg-success-60 { background-color: #3BB385; }
305
+ .bg-success-70 { background-color: #27A577; }
306
+ .bg-success-80 { background-color: #059669; }
307
+ .bg-success-90 { background-color: #00532C; }
308
+ .bg-success-100 { background-color: #001204; }
309
+ .text-success-80 { color: #059669; }
310
+ .text-success-90 { color: #00532C; }
311
+ .border-success-30 { border-color: #6FE1B0; }
312
+ .bg-warning-10 { background-color: #FFD495; }
313
+ .bg-warning-20 { background-color: #FFC06A; }
314
+ .bg-warning-30 { background-color: #FFB45D; }
315
+ .bg-warning-40 { background-color: #FFA74F; }
316
+ .bg-warning-50 { background-color: #FF9B41; }
317
+ .bg-warning-60 { background-color: #F38F32; }
318
+ .bg-warning-70 { background-color: #E68321; }
319
+ .bg-warning-80 { background-color: #D97706; }
320
+ .bg-warning-90 { background-color: #832700; }
321
+ .bg-warning-100 { background-color: #200000; }
322
+ .text-warning-60 { color: #F38F32; }
323
+ .border-warning-40 { border-color: #FFA74F; }
324
+ .bg-error-10 { background-color: #FFB1A0; }
325
+ .bg-error-20 { background-color: #FF9383; }
326
+ .bg-error-30 { background-color: #FF8274; }
327
+ .bg-error-40 { background-color: #FF7164; }
328
+ .bg-error-50 { background-color: #FF6055; }
329
+ .bg-error-60 { background-color: #FF4F46; }
330
+ .bg-error-70 { background-color: #EE3C36; }
331
+ .bg-error-80 { background-color: #DC2626; }
332
+ .bg-error-90 { background-color: #8F0000; }
333
+ .bg-error-100 { background-color: #2A0000; }
334
+ .text-error-80 { color: #DC2626; }
335
+ .text-error-90 { color: #8F0000; }
336
+ .border-error-30 { border-color: #FF8274; }
337
+ .border-error-80 { border-color: #DC2626; }
338
+ .bg-neutral-10 { background-color: #E3DFD9; }
339
+ .bg-neutral-20 { background-color: #CEC9C3; }
340
+ .bg-neutral-30 { background-color: #B9B4AF; }
341
+ .bg-neutral-40 { background-color: #A4A09A; }
342
+ .bg-neutral-50 { background-color: #908C86; }
343
+ .bg-neutral-60 { background-color: #7D7873; }
344
+ .bg-neutral-70 { background-color: #696560; }
345
+ .bg-neutral-80 { background-color: #57534E; }
346
+ .bg-neutral-90 { background-color: #302C28; }
347
+ .bg-neutral-100 { background-color: #0C0B09; }
348
+ .text-neutral-40 { color: #A4A09A; }
349
+ .text-neutral-50 { color: #908C86; }
350
+ .text-neutral-60 { color: #7D7873; }
351
+ .text-neutral-70 { color: #696560; }
352
+ .text-neutral-80 { color: #57534E; }
353
+ .text-neutral-90 { color: #302C28; }
354
+ .border-neutral-10 { border-color: #E3DFD9; }
355
+ .border-neutral-20 { border-color: #CEC9C3; }
356
+ .border-neutral-30 { border-color: #B9B4AF; }
357
+ .border-neutral-40 { border-color: #A4A09A; }
358
+ .bg-white { background-color: #ffffff; }
359
+ .text-white { color: #ffffff; }
360
+ .sticky { position: sticky; }
361
+ .top-0 { top: 0px; }
362
+ .z-sticky { z-index: 1020; }
363
+ .overflow-hidden { overflow: hidden; }
364
+ .shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
365
+ .shadow { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
366
+ .shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
367
+ .shadow-lg { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
368
+ /* Transitions */
369
+ .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
370
+ .cursor-pointer { cursor: pointer; }
371
+ .cursor-not-allowed { cursor: not-allowed; }
372
+ /* Container Queries */
373
+ @supports (container-type: inline-size) {
374
+ .container-type-inline { container-type: inline-size; }
375
+ @container (min-width: 20rem) { .cq-xs\: { /* utilities */ } }
376
+ @container (min-width: 28rem) { .cq-sm\: { /* utilities */ } }
377
+ @container (min-width: 36rem) { .cq-md\: { /* utilities */ } }
378
+ @container (min-width: 48rem) { .cq-lg\: { /* utilities */ } }
379
+ }
380
+ .hover\:bg-primary-10:hover { background-color: #FFADDF; }
381
+ .hover\:bg-primary-90:hover { background-color: #8C003A; }
382
+ .hover\:text-primary-80:hover { color: #DB2777; }
383
+ .hover\:bg-success-90:hover { background-color: #00532C; }
384
+ .hover\:bg-error-90:hover { background-color: #8F0000; }
385
+ .hover\:bg-neutral-90:hover { background-color: #302C28; }
386
+ .focus-visible\:ring-2:focus-visible { box-shadow: 0 0 0 2px var(--ring-color, transparent); }
387
+ .focus-visible\:ring-primary-50:focus-visible { --ring-color: var(--color-primary-50); }
388
+ .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
389
+ .focus-visible\:outline-2:focus-visible { outline-width: 2px; }
390
+ /* Dark mode variants */
391
+ @media (prefers-color-scheme: dark) {
392
+ .dark\:bg-primary-10 { background-color: #FFADDF; }
393
+ .dark\:bg-primary-20 { background-color: #FF8FCF; }
394
+ .dark\:bg-primary-30 { background-color: #FF7FBF; }
395
+ .dark\:bg-primary-40 { background-color: #FF6FB0; }
396
+ .dark\:bg-primary-50 { background-color: #FF5EA2; }
397
+ .dark\:bg-primary-60 { background-color: #FE4D93; }
398
+ .dark\:bg-primary-70 { background-color: #EC3B85; }
399
+ .dark\:bg-primary-80 { background-color: #DB2777; }
400
+ .dark\:bg-primary-90 { background-color: #8C003A; }
401
+ .dark\:bg-primary-100 { background-color: #280009; }
402
+ .dark\:text-primary-10 { color: #FFADDF; }
403
+ .dark\:text-primary-20 { color: #FF8FCF; }
404
+ .dark\:text-primary-30 { color: #FF7FBF; }
405
+ .dark\:text-primary-40 { color: #FF6FB0; }
406
+ .dark\:text-primary-50 { color: #FF5EA2; }
407
+ .dark\:text-primary-60 { color: #FE4D93; }
408
+ .dark\:text-primary-70 { color: #EC3B85; }
409
+ .dark\:text-primary-80 { color: #DB2777; }
410
+ .dark\:text-primary-90 { color: #8C003A; }
411
+ .dark\:text-primary-100 { color: #280009; }
412
+ .dark\:border-primary-10 { border-color: #FFADDF; }
413
+ .dark\:border-primary-20 { border-color: #FF8FCF; }
414
+ .dark\:border-primary-30 { border-color: #FF7FBF; }
415
+ .dark\:border-primary-40 { border-color: #FF6FB0; }
416
+ .dark\:border-primary-50 { border-color: #FF5EA2; }
417
+ .dark\:border-primary-60 { border-color: #FE4D93; }
418
+ .dark\:border-primary-70 { border-color: #EC3B85; }
419
+ .dark\:border-primary-80 { border-color: #DB2777; }
420
+ .dark\:border-primary-90 { border-color: #8C003A; }
421
+ .dark\:border-primary-100 { border-color: #280009; }
422
+ .dark\:accent-primary-10 { accent-color: #FFADDF; }
423
+ .dark\:accent-primary-20 { accent-color: #FF8FCF; }
424
+ .dark\:accent-primary-30 { accent-color: #FF7FBF; }
425
+ .dark\:accent-primary-40 { accent-color: #FF6FB0; }
426
+ .dark\:accent-primary-50 { accent-color: #FF5EA2; }
427
+ .dark\:accent-primary-60 { accent-color: #FE4D93; }
428
+ .dark\:accent-primary-70 { accent-color: #EC3B85; }
429
+ .dark\:accent-primary-80 { accent-color: #DB2777; }
430
+ .dark\:accent-primary-90 { accent-color: #8C003A; }
431
+ .dark\:accent-primary-100 { accent-color: #280009; }
432
+ .dark\:bg-secondary-10 { background-color: #9FE0FF; }
433
+ .dark\:bg-secondary-20 { background-color: #84CCFF; }
434
+ .dark\:bg-secondary-30 { background-color: #74BAFF; }
435
+ .dark\:bg-secondary-40 { background-color: #64A9FF; }
436
+ .dark\:bg-secondary-50 { background-color: #5497FF; }
437
+ .dark\:bg-secondary-60 { background-color: #4486FF; }
438
+ .dark\:bg-secondary-70 { background-color: #3574FE; }
439
+ .dark\:bg-secondary-80 { background-color: #2563EB; }
440
+ .dark\:bg-secondary-90 { background-color: #001BA7; }
441
+ .dark\:bg-secondary-100 { background-color: #000037; }
442
+ .dark\:text-secondary-10 { color: #9FE0FF; }
443
+ .dark\:text-secondary-20 { color: #84CCFF; }
444
+ .dark\:text-secondary-30 { color: #74BAFF; }
445
+ .dark\:text-secondary-40 { color: #64A9FF; }
446
+ .dark\:text-secondary-50 { color: #5497FF; }
447
+ .dark\:text-secondary-60 { color: #4486FF; }
448
+ .dark\:text-secondary-70 { color: #3574FE; }
449
+ .dark\:text-secondary-80 { color: #2563EB; }
450
+ .dark\:text-secondary-90 { color: #001BA7; }
451
+ .dark\:text-secondary-100 { color: #000037; }
452
+ .dark\:border-secondary-10 { border-color: #9FE0FF; }
453
+ .dark\:border-secondary-20 { border-color: #84CCFF; }
454
+ .dark\:border-secondary-30 { border-color: #74BAFF; }
455
+ .dark\:border-secondary-40 { border-color: #64A9FF; }
456
+ .dark\:border-secondary-50 { border-color: #5497FF; }
457
+ .dark\:border-secondary-60 { border-color: #4486FF; }
458
+ .dark\:border-secondary-70 { border-color: #3574FE; }
459
+ .dark\:border-secondary-80 { border-color: #2563EB; }
460
+ .dark\:border-secondary-90 { border-color: #001BA7; }
461
+ .dark\:border-secondary-100 { border-color: #000037; }
462
+ .dark\:accent-secondary-10 { accent-color: #9FE0FF; }
463
+ .dark\:accent-secondary-20 { accent-color: #84CCFF; }
464
+ .dark\:accent-secondary-30 { accent-color: #74BAFF; }
465
+ .dark\:accent-secondary-40 { accent-color: #64A9FF; }
466
+ .dark\:accent-secondary-50 { accent-color: #5497FF; }
467
+ .dark\:accent-secondary-60 { accent-color: #4486FF; }
468
+ .dark\:accent-secondary-70 { accent-color: #3574FE; }
469
+ .dark\:accent-secondary-80 { accent-color: #2563EB; }
470
+ .dark\:accent-secondary-90 { accent-color: #001BA7; }
471
+ .dark\:accent-secondary-100 { accent-color: #000037; }
472
+ .dark\:bg-success-10 { background-color: #A1FCD2; }
473
+ .dark\:bg-success-20 { background-color: #7FF1BF; }
474
+ .dark\:bg-success-30 { background-color: #6FE1B0; }
475
+ .dark\:bg-success-40 { background-color: #5ED2A1; }
476
+ .dark\:bg-success-50 { background-color: #4DC293; }
477
+ .dark\:bg-success-60 { background-color: #3BB385; }
478
+ .dark\:bg-success-70 { background-color: #27A577; }
479
+ .dark\:bg-success-80 { background-color: #059669; }
480
+ .dark\:bg-success-90 { background-color: #00532C; }
481
+ .dark\:bg-success-100 { background-color: #001204; }
482
+ .dark\:text-success-10 { color: #A1FCD2; }
483
+ .dark\:text-success-20 { color: #7FF1BF; }
484
+ .dark\:text-success-30 { color: #6FE1B0; }
485
+ .dark\:text-success-40 { color: #5ED2A1; }
486
+ .dark\:text-success-50 { color: #4DC293; }
487
+ .dark\:text-success-60 { color: #3BB385; }
488
+ .dark\:text-success-70 { color: #27A577; }
489
+ .dark\:text-success-80 { color: #059669; }
490
+ .dark\:text-success-90 { color: #00532C; }
491
+ .dark\:text-success-100 { color: #001204; }
492
+ .dark\:border-success-10 { border-color: #A1FCD2; }
493
+ .dark\:border-success-20 { border-color: #7FF1BF; }
494
+ .dark\:border-success-30 { border-color: #6FE1B0; }
495
+ .dark\:border-success-40 { border-color: #5ED2A1; }
496
+ .dark\:border-success-50 { border-color: #4DC293; }
497
+ .dark\:border-success-60 { border-color: #3BB385; }
498
+ .dark\:border-success-70 { border-color: #27A577; }
499
+ .dark\:border-success-80 { border-color: #059669; }
500
+ .dark\:border-success-90 { border-color: #00532C; }
501
+ .dark\:border-success-100 { border-color: #001204; }
502
+ .dark\:accent-success-10 { accent-color: #A1FCD2; }
503
+ .dark\:accent-success-20 { accent-color: #7FF1BF; }
504
+ .dark\:accent-success-30 { accent-color: #6FE1B0; }
505
+ .dark\:accent-success-40 { accent-color: #5ED2A1; }
506
+ .dark\:accent-success-50 { accent-color: #4DC293; }
507
+ .dark\:accent-success-60 { accent-color: #3BB385; }
508
+ .dark\:accent-success-70 { accent-color: #27A577; }
509
+ .dark\:accent-success-80 { accent-color: #059669; }
510
+ .dark\:accent-success-90 { accent-color: #00532C; }
511
+ .dark\:accent-success-100 { accent-color: #001204; }
512
+ .dark\:bg-warning-10 { background-color: #FFD495; }
513
+ .dark\:bg-warning-20 { background-color: #FFC06A; }
514
+ .dark\:bg-warning-30 { background-color: #FFB45D; }
515
+ .dark\:bg-warning-40 { background-color: #FFA74F; }
516
+ .dark\:bg-warning-50 { background-color: #FF9B41; }
517
+ .dark\:bg-warning-60 { background-color: #F38F32; }
518
+ .dark\:bg-warning-70 { background-color: #E68321; }
519
+ .dark\:bg-warning-80 { background-color: #D97706; }
520
+ .dark\:bg-warning-90 { background-color: #832700; }
521
+ .dark\:bg-warning-100 { background-color: #200000; }
522
+ .dark\:text-warning-10 { color: #FFD495; }
523
+ .dark\:text-warning-20 { color: #FFC06A; }
524
+ .dark\:text-warning-30 { color: #FFB45D; }
525
+ .dark\:text-warning-40 { color: #FFA74F; }
526
+ .dark\:text-warning-50 { color: #FF9B41; }
527
+ .dark\:text-warning-60 { color: #F38F32; }
528
+ .dark\:text-warning-70 { color: #E68321; }
529
+ .dark\:text-warning-80 { color: #D97706; }
530
+ .dark\:text-warning-90 { color: #832700; }
531
+ .dark\:text-warning-100 { color: #200000; }
532
+ .dark\:border-warning-10 { border-color: #FFD495; }
533
+ .dark\:border-warning-20 { border-color: #FFC06A; }
534
+ .dark\:border-warning-30 { border-color: #FFB45D; }
535
+ .dark\:border-warning-40 { border-color: #FFA74F; }
536
+ .dark\:border-warning-50 { border-color: #FF9B41; }
537
+ .dark\:border-warning-60 { border-color: #F38F32; }
538
+ .dark\:border-warning-70 { border-color: #E68321; }
539
+ .dark\:border-warning-80 { border-color: #D97706; }
540
+ .dark\:border-warning-90 { border-color: #832700; }
541
+ .dark\:border-warning-100 { border-color: #200000; }
542
+ .dark\:accent-warning-10 { accent-color: #FFD495; }
543
+ .dark\:accent-warning-20 { accent-color: #FFC06A; }
544
+ .dark\:accent-warning-30 { accent-color: #FFB45D; }
545
+ .dark\:accent-warning-40 { accent-color: #FFA74F; }
546
+ .dark\:accent-warning-50 { accent-color: #FF9B41; }
547
+ .dark\:accent-warning-60 { accent-color: #F38F32; }
548
+ .dark\:accent-warning-70 { accent-color: #E68321; }
549
+ .dark\:accent-warning-80 { accent-color: #D97706; }
550
+ .dark\:accent-warning-90 { accent-color: #832700; }
551
+ .dark\:accent-warning-100 { accent-color: #200000; }
552
+ .dark\:bg-error-10 { background-color: #FFB1A0; }
553
+ .dark\:bg-error-20 { background-color: #FF9383; }
554
+ .dark\:bg-error-30 { background-color: #FF8274; }
555
+ .dark\:bg-error-40 { background-color: #FF7164; }
556
+ .dark\:bg-error-50 { background-color: #FF6055; }
557
+ .dark\:bg-error-60 { background-color: #FF4F46; }
558
+ .dark\:bg-error-70 { background-color: #EE3C36; }
559
+ .dark\:bg-error-80 { background-color: #DC2626; }
560
+ .dark\:bg-error-90 { background-color: #8F0000; }
561
+ .dark\:bg-error-100 { background-color: #2A0000; }
562
+ .dark\:text-error-10 { color: #FFB1A0; }
563
+ .dark\:text-error-20 { color: #FF9383; }
564
+ .dark\:text-error-30 { color: #FF8274; }
565
+ .dark\:text-error-40 { color: #FF7164; }
566
+ .dark\:text-error-50 { color: #FF6055; }
567
+ .dark\:text-error-60 { color: #FF4F46; }
568
+ .dark\:text-error-70 { color: #EE3C36; }
569
+ .dark\:text-error-80 { color: #DC2626; }
570
+ .dark\:text-error-90 { color: #8F0000; }
571
+ .dark\:text-error-100 { color: #2A0000; }
572
+ .dark\:border-error-10 { border-color: #FFB1A0; }
573
+ .dark\:border-error-20 { border-color: #FF9383; }
574
+ .dark\:border-error-30 { border-color: #FF8274; }
575
+ .dark\:border-error-40 { border-color: #FF7164; }
576
+ .dark\:border-error-50 { border-color: #FF6055; }
577
+ .dark\:border-error-60 { border-color: #FF4F46; }
578
+ .dark\:border-error-70 { border-color: #EE3C36; }
579
+ .dark\:border-error-80 { border-color: #DC2626; }
580
+ .dark\:border-error-90 { border-color: #8F0000; }
581
+ .dark\:border-error-100 { border-color: #2A0000; }
582
+ .dark\:accent-error-10 { accent-color: #FFB1A0; }
583
+ .dark\:accent-error-20 { accent-color: #FF9383; }
584
+ .dark\:accent-error-30 { accent-color: #FF8274; }
585
+ .dark\:accent-error-40 { accent-color: #FF7164; }
586
+ .dark\:accent-error-50 { accent-color: #FF6055; }
587
+ .dark\:accent-error-60 { accent-color: #FF4F46; }
588
+ .dark\:accent-error-70 { accent-color: #EE3C36; }
589
+ .dark\:accent-error-80 { accent-color: #DC2626; }
590
+ .dark\:accent-error-90 { accent-color: #8F0000; }
591
+ .dark\:accent-error-100 { accent-color: #2A0000; }
592
+ .dark\:bg-neutral-10 { background-color: #E3DFD9; }
593
+ .dark\:bg-neutral-20 { background-color: #CEC9C3; }
594
+ .dark\:bg-neutral-30 { background-color: #B9B4AF; }
595
+ .dark\:bg-neutral-40 { background-color: #A4A09A; }
596
+ .dark\:bg-neutral-50 { background-color: #908C86; }
597
+ .dark\:bg-neutral-60 { background-color: #7D7873; }
598
+ .dark\:bg-neutral-70 { background-color: #696560; }
599
+ .dark\:bg-neutral-80 { background-color: #57534E; }
600
+ .dark\:bg-neutral-90 { background-color: #302C28; }
601
+ .dark\:bg-neutral-100 { background-color: #0C0B09; }
602
+ .dark\:text-neutral-10 { color: #E3DFD9; }
603
+ .dark\:text-neutral-20 { color: #CEC9C3; }
604
+ .dark\:text-neutral-30 { color: #B9B4AF; }
605
+ .dark\:text-neutral-40 { color: #A4A09A; }
606
+ .dark\:text-neutral-50 { color: #908C86; }
607
+ .dark\:text-neutral-60 { color: #7D7873; }
608
+ .dark\:text-neutral-70 { color: #696560; }
609
+ .dark\:text-neutral-80 { color: #57534E; }
610
+ .dark\:text-neutral-90 { color: #302C28; }
611
+ .dark\:text-neutral-100 { color: #0C0B09; }
612
+ .dark\:border-neutral-10 { border-color: #E3DFD9; }
613
+ .dark\:border-neutral-20 { border-color: #CEC9C3; }
614
+ .dark\:border-neutral-30 { border-color: #B9B4AF; }
615
+ .dark\:border-neutral-40 { border-color: #A4A09A; }
616
+ .dark\:border-neutral-50 { border-color: #908C86; }
617
+ .dark\:border-neutral-60 { border-color: #7D7873; }
618
+ .dark\:border-neutral-70 { border-color: #696560; }
619
+ .dark\:border-neutral-80 { border-color: #57534E; }
620
+ .dark\:border-neutral-90 { border-color: #302C28; }
621
+ .dark\:border-neutral-100 { border-color: #0C0B09; }
622
+ .dark\:accent-neutral-10 { accent-color: #E3DFD9; }
623
+ .dark\:accent-neutral-20 { accent-color: #CEC9C3; }
624
+ .dark\:accent-neutral-30 { accent-color: #B9B4AF; }
625
+ .dark\:accent-neutral-40 { accent-color: #A4A09A; }
626
+ .dark\:accent-neutral-50 { accent-color: #908C86; }
627
+ .dark\:accent-neutral-60 { accent-color: #7D7873; }
628
+ .dark\:accent-neutral-70 { accent-color: #696560; }
629
+ .dark\:accent-neutral-80 { accent-color: #57534E; }
630
+ .dark\:accent-neutral-90 { accent-color: #302C28; }
631
+ .dark\:accent-neutral-100 { accent-color: #0C0B09; }
632
+ .dark\:bg-white { background-color: #ffffff; }
633
+ .dark\:bg-transparent { background-color: transparent; }
634
+ .dark\:text-white { color: #ffffff; }
635
+ .dark\:shadow-none { box-shadow: none; }
636
+ .dark\:shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
637
+ .dark\:shadow { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
638
+ .dark\:shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
639
+ .dark\:shadow-lg { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
640
+ .dark\:ring-0 { box-shadow: 0 0 0 0px var(--ring-color, transparent); }
641
+ .dark\:ring-1 { box-shadow: 0 0 0 1px var(--ring-color, transparent); }
642
+ .dark\:ring-2 { box-shadow: 0 0 0 2px var(--ring-color, transparent); }
643
+ .dark\:ring-primary-10 { --ring-color: var(--color-primary-10); }
644
+ .dark\:ring-primary-20 { --ring-color: var(--color-primary-20); }
645
+ .dark\:ring-primary-30 { --ring-color: var(--color-primary-30); }
646
+ .dark\:ring-primary-40 { --ring-color: var(--color-primary-40); }
647
+ .dark\:ring-primary-50 { --ring-color: var(--color-primary-50); }
648
+ .dark\:ring-primary-60 { --ring-color: var(--color-primary-60); }
649
+ .dark\:ring-primary-70 { --ring-color: var(--color-primary-70); }
650
+ .dark\:ring-primary-80 { --ring-color: var(--color-primary-80); }
651
+ .dark\:ring-primary-90 { --ring-color: var(--color-primary-90); }
652
+ .dark\:ring-primary-100 { --ring-color: var(--color-primary-100); }
653
+ .dark\:ring-secondary-10 { --ring-color: var(--color-secondary-10); }
654
+ .dark\:ring-secondary-20 { --ring-color: var(--color-secondary-20); }
655
+ .dark\:ring-secondary-30 { --ring-color: var(--color-secondary-30); }
656
+ .dark\:ring-secondary-40 { --ring-color: var(--color-secondary-40); }
657
+ .dark\:ring-secondary-50 { --ring-color: var(--color-secondary-50); }
658
+ .dark\:ring-secondary-60 { --ring-color: var(--color-secondary-60); }
659
+ .dark\:ring-secondary-70 { --ring-color: var(--color-secondary-70); }
660
+ .dark\:ring-secondary-80 { --ring-color: var(--color-secondary-80); }
661
+ .dark\:ring-secondary-90 { --ring-color: var(--color-secondary-90); }
662
+ .dark\:ring-secondary-100 { --ring-color: var(--color-secondary-100); }
663
+ .dark\:ring-success-10 { --ring-color: var(--color-success-10); }
664
+ .dark\:ring-success-20 { --ring-color: var(--color-success-20); }
665
+ .dark\:ring-success-30 { --ring-color: var(--color-success-30); }
666
+ .dark\:ring-success-40 { --ring-color: var(--color-success-40); }
667
+ .dark\:ring-success-50 { --ring-color: var(--color-success-50); }
668
+ .dark\:ring-success-60 { --ring-color: var(--color-success-60); }
669
+ .dark\:ring-success-70 { --ring-color: var(--color-success-70); }
670
+ .dark\:ring-success-80 { --ring-color: var(--color-success-80); }
671
+ .dark\:ring-success-90 { --ring-color: var(--color-success-90); }
672
+ .dark\:ring-success-100 { --ring-color: var(--color-success-100); }
673
+ .dark\:ring-warning-10 { --ring-color: var(--color-warning-10); }
674
+ .dark\:ring-warning-20 { --ring-color: var(--color-warning-20); }
675
+ .dark\:ring-warning-30 { --ring-color: var(--color-warning-30); }
676
+ .dark\:ring-warning-40 { --ring-color: var(--color-warning-40); }
677
+ .dark\:ring-warning-50 { --ring-color: var(--color-warning-50); }
678
+ .dark\:ring-warning-60 { --ring-color: var(--color-warning-60); }
679
+ .dark\:ring-warning-70 { --ring-color: var(--color-warning-70); }
680
+ .dark\:ring-warning-80 { --ring-color: var(--color-warning-80); }
681
+ .dark\:ring-warning-90 { --ring-color: var(--color-warning-90); }
682
+ .dark\:ring-warning-100 { --ring-color: var(--color-warning-100); }
683
+ .dark\:ring-error-10 { --ring-color: var(--color-error-10); }
684
+ .dark\:ring-error-20 { --ring-color: var(--color-error-20); }
685
+ .dark\:ring-error-30 { --ring-color: var(--color-error-30); }
686
+ .dark\:ring-error-40 { --ring-color: var(--color-error-40); }
687
+ .dark\:ring-error-50 { --ring-color: var(--color-error-50); }
688
+ .dark\:ring-error-60 { --ring-color: var(--color-error-60); }
689
+ .dark\:ring-error-70 { --ring-color: var(--color-error-70); }
690
+ .dark\:ring-error-80 { --ring-color: var(--color-error-80); }
691
+ .dark\:ring-error-90 { --ring-color: var(--color-error-90); }
692
+ .dark\:ring-error-100 { --ring-color: var(--color-error-100); }
693
+ .dark\:ring-neutral-10 { --ring-color: var(--color-neutral-10); }
694
+ .dark\:ring-neutral-20 { --ring-color: var(--color-neutral-20); }
695
+ .dark\:ring-neutral-30 { --ring-color: var(--color-neutral-30); }
696
+ .dark\:ring-neutral-40 { --ring-color: var(--color-neutral-40); }
697
+ .dark\:ring-neutral-50 { --ring-color: var(--color-neutral-50); }
698
+ .dark\:ring-neutral-60 { --ring-color: var(--color-neutral-60); }
699
+ .dark\:ring-neutral-70 { --ring-color: var(--color-neutral-70); }
700
+ .dark\:ring-neutral-80 { --ring-color: var(--color-neutral-80); }
701
+ .dark\:ring-neutral-90 { --ring-color: var(--color-neutral-90); }
702
+ .dark\:ring-neutral-100 { --ring-color: var(--color-neutral-100); }
703
+ .dark\:fill-current { fill: currentColor; }
704
+ .dark\:stroke-current { stroke: currentColor; }
705
+ .dark\:fill-primary-10 { fill: var(--color-primary-10); }
706
+ .dark\:fill-primary-20 { fill: var(--color-primary-20); }
707
+ .dark\:fill-primary-30 { fill: var(--color-primary-30); }
708
+ .dark\:fill-primary-40 { fill: var(--color-primary-40); }
709
+ .dark\:fill-primary-50 { fill: var(--color-primary-50); }
710
+ .dark\:fill-primary-60 { fill: var(--color-primary-60); }
711
+ .dark\:fill-primary-70 { fill: var(--color-primary-70); }
712
+ .dark\:fill-primary-80 { fill: var(--color-primary-80); }
713
+ .dark\:fill-primary-90 { fill: var(--color-primary-90); }
714
+ .dark\:fill-primary-100 { fill: var(--color-primary-100); }
715
+ .dark\:fill-secondary-10 { fill: var(--color-secondary-10); }
716
+ .dark\:fill-secondary-20 { fill: var(--color-secondary-20); }
717
+ .dark\:fill-secondary-30 { fill: var(--color-secondary-30); }
718
+ .dark\:fill-secondary-40 { fill: var(--color-secondary-40); }
719
+ .dark\:fill-secondary-50 { fill: var(--color-secondary-50); }
720
+ .dark\:fill-secondary-60 { fill: var(--color-secondary-60); }
721
+ .dark\:fill-secondary-70 { fill: var(--color-secondary-70); }
722
+ .dark\:fill-secondary-80 { fill: var(--color-secondary-80); }
723
+ .dark\:fill-secondary-90 { fill: var(--color-secondary-90); }
724
+ .dark\:fill-secondary-100 { fill: var(--color-secondary-100); }
725
+ .dark\:fill-success-10 { fill: var(--color-success-10); }
726
+ .dark\:fill-success-20 { fill: var(--color-success-20); }
727
+ .dark\:fill-success-30 { fill: var(--color-success-30); }
728
+ .dark\:fill-success-40 { fill: var(--color-success-40); }
729
+ .dark\:fill-success-50 { fill: var(--color-success-50); }
730
+ .dark\:fill-success-60 { fill: var(--color-success-60); }
731
+ .dark\:fill-success-70 { fill: var(--color-success-70); }
732
+ .dark\:fill-success-80 { fill: var(--color-success-80); }
733
+ .dark\:fill-success-90 { fill: var(--color-success-90); }
734
+ .dark\:fill-success-100 { fill: var(--color-success-100); }
735
+ .dark\:fill-warning-10 { fill: var(--color-warning-10); }
736
+ .dark\:fill-warning-20 { fill: var(--color-warning-20); }
737
+ .dark\:fill-warning-30 { fill: var(--color-warning-30); }
738
+ .dark\:fill-warning-40 { fill: var(--color-warning-40); }
739
+ .dark\:fill-warning-50 { fill: var(--color-warning-50); }
740
+ .dark\:fill-warning-60 { fill: var(--color-warning-60); }
741
+ .dark\:fill-warning-70 { fill: var(--color-warning-70); }
742
+ .dark\:fill-warning-80 { fill: var(--color-warning-80); }
743
+ .dark\:fill-warning-90 { fill: var(--color-warning-90); }
744
+ .dark\:fill-warning-100 { fill: var(--color-warning-100); }
745
+ .dark\:fill-error-10 { fill: var(--color-error-10); }
746
+ .dark\:fill-error-20 { fill: var(--color-error-20); }
747
+ .dark\:fill-error-30 { fill: var(--color-error-30); }
748
+ .dark\:fill-error-40 { fill: var(--color-error-40); }
749
+ .dark\:fill-error-50 { fill: var(--color-error-50); }
750
+ .dark\:fill-error-60 { fill: var(--color-error-60); }
751
+ .dark\:fill-error-70 { fill: var(--color-error-70); }
752
+ .dark\:fill-error-80 { fill: var(--color-error-80); }
753
+ .dark\:fill-error-90 { fill: var(--color-error-90); }
754
+ .dark\:fill-error-100 { fill: var(--color-error-100); }
755
+ .dark\:fill-neutral-10 { fill: var(--color-neutral-10); }
756
+ .dark\:fill-neutral-20 { fill: var(--color-neutral-20); }
757
+ .dark\:fill-neutral-30 { fill: var(--color-neutral-30); }
758
+ .dark\:fill-neutral-40 { fill: var(--color-neutral-40); }
759
+ .dark\:fill-neutral-50 { fill: var(--color-neutral-50); }
760
+ .dark\:fill-neutral-60 { fill: var(--color-neutral-60); }
761
+ .dark\:fill-neutral-70 { fill: var(--color-neutral-70); }
762
+ .dark\:fill-neutral-80 { fill: var(--color-neutral-80); }
763
+ .dark\:fill-neutral-90 { fill: var(--color-neutral-90); }
764
+ .dark\:fill-neutral-100 { fill: var(--color-neutral-100); }
765
+ .dark\:stroke-primary-10 { stroke: var(--color-primary-10); }
766
+ .dark\:stroke-primary-20 { stroke: var(--color-primary-20); }
767
+ .dark\:stroke-primary-30 { stroke: var(--color-primary-30); }
768
+ .dark\:stroke-primary-40 { stroke: var(--color-primary-40); }
769
+ .dark\:stroke-primary-50 { stroke: var(--color-primary-50); }
770
+ .dark\:stroke-primary-60 { stroke: var(--color-primary-60); }
771
+ .dark\:stroke-primary-70 { stroke: var(--color-primary-70); }
772
+ .dark\:stroke-primary-80 { stroke: var(--color-primary-80); }
773
+ .dark\:stroke-primary-90 { stroke: var(--color-primary-90); }
774
+ .dark\:stroke-primary-100 { stroke: var(--color-primary-100); }
775
+ .dark\:stroke-secondary-10 { stroke: var(--color-secondary-10); }
776
+ .dark\:stroke-secondary-20 { stroke: var(--color-secondary-20); }
777
+ .dark\:stroke-secondary-30 { stroke: var(--color-secondary-30); }
778
+ .dark\:stroke-secondary-40 { stroke: var(--color-secondary-40); }
779
+ .dark\:stroke-secondary-50 { stroke: var(--color-secondary-50); }
780
+ .dark\:stroke-secondary-60 { stroke: var(--color-secondary-60); }
781
+ .dark\:stroke-secondary-70 { stroke: var(--color-secondary-70); }
782
+ .dark\:stroke-secondary-80 { stroke: var(--color-secondary-80); }
783
+ .dark\:stroke-secondary-90 { stroke: var(--color-secondary-90); }
784
+ .dark\:stroke-secondary-100 { stroke: var(--color-secondary-100); }
785
+ .dark\:stroke-success-10 { stroke: var(--color-success-10); }
786
+ .dark\:stroke-success-20 { stroke: var(--color-success-20); }
787
+ .dark\:stroke-success-30 { stroke: var(--color-success-30); }
788
+ .dark\:stroke-success-40 { stroke: var(--color-success-40); }
789
+ .dark\:stroke-success-50 { stroke: var(--color-success-50); }
790
+ .dark\:stroke-success-60 { stroke: var(--color-success-60); }
791
+ .dark\:stroke-success-70 { stroke: var(--color-success-70); }
792
+ .dark\:stroke-success-80 { stroke: var(--color-success-80); }
793
+ .dark\:stroke-success-90 { stroke: var(--color-success-90); }
794
+ .dark\:stroke-success-100 { stroke: var(--color-success-100); }
795
+ .dark\:stroke-warning-10 { stroke: var(--color-warning-10); }
796
+ .dark\:stroke-warning-20 { stroke: var(--color-warning-20); }
797
+ .dark\:stroke-warning-30 { stroke: var(--color-warning-30); }
798
+ .dark\:stroke-warning-40 { stroke: var(--color-warning-40); }
799
+ .dark\:stroke-warning-50 { stroke: var(--color-warning-50); }
800
+ .dark\:stroke-warning-60 { stroke: var(--color-warning-60); }
801
+ .dark\:stroke-warning-70 { stroke: var(--color-warning-70); }
802
+ .dark\:stroke-warning-80 { stroke: var(--color-warning-80); }
803
+ .dark\:stroke-warning-90 { stroke: var(--color-warning-90); }
804
+ .dark\:stroke-warning-100 { stroke: var(--color-warning-100); }
805
+ .dark\:stroke-error-10 { stroke: var(--color-error-10); }
806
+ .dark\:stroke-error-20 { stroke: var(--color-error-20); }
807
+ .dark\:stroke-error-30 { stroke: var(--color-error-30); }
808
+ .dark\:stroke-error-40 { stroke: var(--color-error-40); }
809
+ .dark\:stroke-error-50 { stroke: var(--color-error-50); }
810
+ .dark\:stroke-error-60 { stroke: var(--color-error-60); }
811
+ .dark\:stroke-error-70 { stroke: var(--color-error-70); }
812
+ .dark\:stroke-error-80 { stroke: var(--color-error-80); }
813
+ .dark\:stroke-error-90 { stroke: var(--color-error-90); }
814
+ .dark\:stroke-error-100 { stroke: var(--color-error-100); }
815
+ .dark\:stroke-neutral-10 { stroke: var(--color-neutral-10); }
816
+ .dark\:stroke-neutral-20 { stroke: var(--color-neutral-20); }
817
+ .dark\:stroke-neutral-30 { stroke: var(--color-neutral-30); }
818
+ .dark\:stroke-neutral-40 { stroke: var(--color-neutral-40); }
819
+ .dark\:stroke-neutral-50 { stroke: var(--color-neutral-50); }
820
+ .dark\:stroke-neutral-60 { stroke: var(--color-neutral-60); }
821
+ .dark\:stroke-neutral-70 { stroke: var(--color-neutral-70); }
822
+ .dark\:stroke-neutral-80 { stroke: var(--color-neutral-80); }
823
+ .dark\:stroke-neutral-90 { stroke: var(--color-neutral-90); }
824
+ .dark\:stroke-neutral-100 { stroke: var(--color-neutral-100); }
825
+ .dark\:accent-current { accent-color: currentColor; }
826
+ .dark\:opacity-0 { opacity: 0; }
827
+ .dark\:opacity-5 { opacity: 0.05; }
828
+ .dark\:opacity-10 { opacity: 0.1; }
829
+ .dark\:opacity-25 { opacity: 0.25; }
830
+ .dark\:opacity-50 { opacity: 0.5; }
831
+ .dark\:opacity-75 { opacity: 0.75; }
832
+ .dark\:opacity-90 { opacity: 0.9; }
833
+ .dark\:opacity-95 { opacity: 0.95; }
834
+ .dark\:opacity-100 { opacity: 1; }
835
+ }
836
+ @media (min-width: 768px) {
837
+ .md\:p-6 { padding: 1.5rem; }
838
+ .md\:w-96 { width: 24rem; }
839
+ }
840
+ }