sodtrack-web-ui 0.83.0 → 0.83.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.
@@ -3,7 +3,7 @@ import { VariantProps } from 'tailwind-variants';
3
3
  import { LucideIcon } from 'lucide-react';
4
4
  import { FC, HTMLAttributes } from 'react';
5
5
 
6
- type StatusBadgeVariant = "sky-50" | "sky-200" | "success-50" | "success-100" | "lime-100" | "mantis-100" | "mantis-200" | "warning-50" | "warning-100" | "warning-200" | "orange-50" | "secondary-50" | "secondary-100" | "secondary-200" | "danger-50" | "danger-100" | "new-50" | "new-100" | "purple-100" | "neutral-200" | "neutral-300" | "neutral-400";
6
+ type StatusBadgeVariant = "aqua-100" | "sky-50" | "info-100" | "success-50" | "mint-50" | "success-200" | "jungle-200" | "green-200" | "banana-50" | "banana-100" | "secondary-100" | "warning-50" | "warning-200" | "orange-50" | "orange-100" | "coral-50" | "danger-50" | "danger-100" | "new-50" | "lavender-100" | "orchid-100" | "neutral-200" | "neutral-300" | "neutral-400";
7
7
  type StatusBadgeSize = "sm" | "md" | "lg" | "xl";
8
8
  type StatusBadgeLeading = "dot" | LucideIcon | undefined;
9
9
  declare const statusBadge: tailwind_variants.TVReturnType<{
@@ -33,13 +33,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
33
33
  false: {};
34
34
  };
35
35
  variant: {
36
+ "aqua-100": {
37
+ container: string;
38
+ icon: string;
39
+ text: string;
40
+ dot: string;
41
+ };
36
42
  "sky-50": {
37
43
  container: string;
38
44
  icon: string;
39
45
  text: string;
40
46
  dot: string;
41
47
  };
42
- "sky-200": {
48
+ "info-100": {
43
49
  container: string;
44
50
  icon: string;
45
51
  text: string;
@@ -51,67 +57,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
51
57
  text: string;
52
58
  dot: string;
53
59
  };
54
- "success-100": {
60
+ "mint-50": {
55
61
  container: string;
56
62
  icon: string;
57
63
  text: string;
58
64
  dot: string;
59
65
  };
60
- "lime-100": {
66
+ "success-200": {
61
67
  container: string;
62
68
  icon: string;
63
69
  text: string;
64
70
  dot: string;
65
71
  };
66
- "mantis-100": {
72
+ "jungle-200": {
67
73
  container: string;
68
74
  icon: string;
69
75
  text: string;
70
76
  dot: string;
71
77
  };
72
- "mantis-200": {
78
+ "green-200": {
73
79
  container: string;
74
80
  icon: string;
75
81
  text: string;
76
82
  dot: string;
77
83
  };
78
- "warning-50": {
84
+ "banana-50": {
79
85
  container: string;
80
86
  icon: string;
81
87
  text: string;
82
88
  dot: string;
83
89
  };
84
- "warning-100": {
90
+ "banana-100": {
85
91
  container: string;
86
92
  icon: string;
87
93
  text: string;
88
94
  dot: string;
89
95
  };
90
- "warning-200": {
96
+ "secondary-100": {
91
97
  container: string;
92
98
  icon: string;
93
99
  text: string;
94
100
  dot: string;
95
101
  };
96
- "orange-50": {
102
+ "warning-50": {
97
103
  container: string;
98
104
  icon: string;
99
105
  text: string;
100
106
  dot: string;
101
107
  };
102
- "secondary-50": {
108
+ "warning-200": {
103
109
  container: string;
104
110
  icon: string;
105
111
  text: string;
106
112
  dot: string;
107
113
  };
108
- "secondary-100": {
114
+ "orange-50": {
109
115
  container: string;
110
116
  icon: string;
111
117
  text: string;
112
118
  dot: string;
113
119
  };
114
- "secondary-200": {
120
+ "orange-100": {
121
+ container: string;
122
+ icon: string;
123
+ text: string;
124
+ dot: string;
125
+ };
126
+ "coral-50": {
115
127
  container: string;
116
128
  icon: string;
117
129
  text: string;
@@ -135,13 +147,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
135
147
  text: string;
136
148
  dot: string;
137
149
  };
138
- "new-100": {
150
+ "lavender-100": {
139
151
  container: string;
140
152
  icon: string;
141
153
  text: string;
142
154
  dot: string;
143
155
  };
144
- "purple-100": {
156
+ "orchid-100": {
145
157
  container: string;
146
158
  icon: string;
147
159
  text: string;
@@ -198,13 +210,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
198
210
  false: {};
199
211
  };
200
212
  variant: {
213
+ "aqua-100": {
214
+ container: string;
215
+ icon: string;
216
+ text: string;
217
+ dot: string;
218
+ };
201
219
  "sky-50": {
202
220
  container: string;
203
221
  icon: string;
204
222
  text: string;
205
223
  dot: string;
206
224
  };
207
- "sky-200": {
225
+ "info-100": {
208
226
  container: string;
209
227
  icon: string;
210
228
  text: string;
@@ -216,67 +234,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
216
234
  text: string;
217
235
  dot: string;
218
236
  };
219
- "success-100": {
237
+ "mint-50": {
220
238
  container: string;
221
239
  icon: string;
222
240
  text: string;
223
241
  dot: string;
224
242
  };
225
- "lime-100": {
243
+ "success-200": {
226
244
  container: string;
227
245
  icon: string;
228
246
  text: string;
229
247
  dot: string;
230
248
  };
231
- "mantis-100": {
249
+ "jungle-200": {
232
250
  container: string;
233
251
  icon: string;
234
252
  text: string;
235
253
  dot: string;
236
254
  };
237
- "mantis-200": {
255
+ "green-200": {
238
256
  container: string;
239
257
  icon: string;
240
258
  text: string;
241
259
  dot: string;
242
260
  };
243
- "warning-50": {
261
+ "banana-50": {
244
262
  container: string;
245
263
  icon: string;
246
264
  text: string;
247
265
  dot: string;
248
266
  };
249
- "warning-100": {
267
+ "banana-100": {
250
268
  container: string;
251
269
  icon: string;
252
270
  text: string;
253
271
  dot: string;
254
272
  };
255
- "warning-200": {
273
+ "secondary-100": {
256
274
  container: string;
257
275
  icon: string;
258
276
  text: string;
259
277
  dot: string;
260
278
  };
261
- "orange-50": {
279
+ "warning-50": {
262
280
  container: string;
263
281
  icon: string;
264
282
  text: string;
265
283
  dot: string;
266
284
  };
267
- "secondary-50": {
285
+ "warning-200": {
268
286
  container: string;
269
287
  icon: string;
270
288
  text: string;
271
289
  dot: string;
272
290
  };
273
- "secondary-100": {
291
+ "orange-50": {
292
+ container: string;
293
+ icon: string;
294
+ text: string;
295
+ dot: string;
296
+ };
297
+ "orange-100": {
274
298
  container: string;
275
299
  icon: string;
276
300
  text: string;
277
301
  dot: string;
278
302
  };
279
- "secondary-200": {
303
+ "coral-50": {
280
304
  container: string;
281
305
  icon: string;
282
306
  text: string;
@@ -300,13 +324,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
300
324
  text: string;
301
325
  dot: string;
302
326
  };
303
- "new-100": {
327
+ "lavender-100": {
304
328
  container: string;
305
329
  icon: string;
306
330
  text: string;
307
331
  dot: string;
308
332
  };
309
- "purple-100": {
333
+ "orchid-100": {
310
334
  container: string;
311
335
  icon: string;
312
336
  text: string;
@@ -363,13 +387,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
363
387
  false: {};
364
388
  };
365
389
  variant: {
390
+ "aqua-100": {
391
+ container: string;
392
+ icon: string;
393
+ text: string;
394
+ dot: string;
395
+ };
366
396
  "sky-50": {
367
397
  container: string;
368
398
  icon: string;
369
399
  text: string;
370
400
  dot: string;
371
401
  };
372
- "sky-200": {
402
+ "info-100": {
373
403
  container: string;
374
404
  icon: string;
375
405
  text: string;
@@ -381,67 +411,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
381
411
  text: string;
382
412
  dot: string;
383
413
  };
384
- "success-100": {
414
+ "mint-50": {
385
415
  container: string;
386
416
  icon: string;
387
417
  text: string;
388
418
  dot: string;
389
419
  };
390
- "lime-100": {
420
+ "success-200": {
391
421
  container: string;
392
422
  icon: string;
393
423
  text: string;
394
424
  dot: string;
395
425
  };
396
- "mantis-100": {
426
+ "jungle-200": {
397
427
  container: string;
398
428
  icon: string;
399
429
  text: string;
400
430
  dot: string;
401
431
  };
402
- "mantis-200": {
432
+ "green-200": {
403
433
  container: string;
404
434
  icon: string;
405
435
  text: string;
406
436
  dot: string;
407
437
  };
408
- "warning-50": {
438
+ "banana-50": {
409
439
  container: string;
410
440
  icon: string;
411
441
  text: string;
412
442
  dot: string;
413
443
  };
414
- "warning-100": {
444
+ "banana-100": {
415
445
  container: string;
416
446
  icon: string;
417
447
  text: string;
418
448
  dot: string;
419
449
  };
420
- "warning-200": {
450
+ "secondary-100": {
421
451
  container: string;
422
452
  icon: string;
423
453
  text: string;
424
454
  dot: string;
425
455
  };
426
- "orange-50": {
456
+ "warning-50": {
427
457
  container: string;
428
458
  icon: string;
429
459
  text: string;
430
460
  dot: string;
431
461
  };
432
- "secondary-50": {
462
+ "warning-200": {
433
463
  container: string;
434
464
  icon: string;
435
465
  text: string;
436
466
  dot: string;
437
467
  };
438
- "secondary-100": {
468
+ "orange-50": {
469
+ container: string;
470
+ icon: string;
471
+ text: string;
472
+ dot: string;
473
+ };
474
+ "orange-100": {
439
475
  container: string;
440
476
  icon: string;
441
477
  text: string;
442
478
  dot: string;
443
479
  };
444
- "secondary-200": {
480
+ "coral-50": {
445
481
  container: string;
446
482
  icon: string;
447
483
  text: string;
@@ -465,13 +501,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
465
501
  text: string;
466
502
  dot: string;
467
503
  };
468
- "new-100": {
504
+ "lavender-100": {
469
505
  container: string;
470
506
  icon: string;
471
507
  text: string;
472
508
  dot: string;
473
509
  };
474
- "purple-100": {
510
+ "orchid-100": {
475
511
  container: string;
476
512
  icon: string;
477
513
  text: string;
@@ -1 +1 @@
1
- 'use strict';var tailwindVariants=require('tailwind-variants'),jsxRuntime=require('react/jsx-runtime');var u=tailwindVariants.tv({slots:{container:"flex w-fit items-center justify-center gap-1 rounded-sm ring ring-inset",icon:"shrink-0",text:"line-clamp-1",dot:"size-1.5 shrink-0 rounded-full"},variants:{size:{sm:{text:"text-2xs leading-[130%]",icon:"size-3"},md:{text:"text-xs leading-[133%]",icon:"size-3"},lg:{text:"text-sm leading-[143%]",icon:"size-3.5"},xl:{container:"shrink-0",text:"line-clamp-3 text-center text-xs leading-[144%]",icon:"size-3.5"}},isIconOnly:{true:{container:"aspect-square"},false:{}},variant:{"sky-50":{container:"bg-info-50 ring-info-300",icon:"text-info-700",text:"text-info-700",dot:"bg-info-600"},"sky-200":{container:"bg-sky-200 ring-sky-400",icon:"text-sky-800",text:"text-sky-800",dot:"bg-sky-700"},"success-50":{container:"bg-success-50 ring-success-400",icon:"text-success-700",text:"text-success-700",dot:"bg-success-500"},"success-100":{container:"bg-success-100 ring-success-400",icon:"text-success-700",text:"text-success-700",dot:"bg-success-500"},"lime-100":{container:"bg-lime-100 ring-lime-400",icon:"text-lime-700",text:"text-lime-700",dot:"bg-lime-500"},"mantis-100":{container:"bg-mantis-100 ring-mantis-300",icon:"text-mantis-700",text:"text-mantis-700",dot:"bg-mantis-500"},"mantis-200":{container:"bg-mantis-200 ring-mantis-400",icon:"text-lime-700",text:"text-lime-700",dot:"bg-mantis-600"},"warning-50":{container:"bg-warning-50 ring-warning-300",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"warning-100":{container:"bg-warning-100 ring-warning-300",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"warning-200":{container:"bg-warning-200 ring-warning-400",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"orange-50":{container:"bg-orange-50 ring-orange-300",icon:"text-orange-700",text:"text-orange-700",dot:"bg-orange-400"},"secondary-50":{container:"bg-secondary-50 ring-secondary-400",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-500"},"secondary-100":{container:"bg-secondary-100 ring-secondary-500",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-600"},"secondary-200":{container:"bg-secondary-200 ring-secondary-600",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-700"},"danger-50":{container:"bg-danger-50 ring-danger-300",icon:"text-danger-700",text:"text-danger-700",dot:"bg-danger-400"},"danger-100":{container:"bg-danger-100 ring-danger-300",icon:"text-danger-700",text:"text-danger-700",dot:"bg-danger-400"},"new-50":{container:"bg-new-50 ring-new-300",icon:"text-new-700",text:"text-new-700",dot:"bg-new-400"},"new-100":{container:"bg-new-100 ring-new-300",icon:"text-new-700",text:"text-new-700",dot:"bg-new-400"},"purple-100":{container:"bg-purple-100 ring-purple-300",icon:"text-purple-600",text:"text-purple-600",dot:"bg-purple-400"},"neutral-200":{container:"bg-neutral-200 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-300":{container:"bg-neutral-300 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-400":{container:"bg-neutral-400 ring-neutral-700",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"}}},compoundVariants:[{size:"sm",isIconOnly:false,class:{container:"py-0.625 px-1.5"}},{size:"sm",isIconOnly:true,class:{container:"p-0.75"}},{size:"md",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"md",isIconOnly:true,class:{container:"p-1"}},{size:"lg",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"lg",isIconOnly:true,class:{container:"p-1.125"}},{size:"xl",isIconOnly:false,class:{container:"w-30 px-1.5 py-1"}},{size:"xl",isIconOnly:true,class:{container:"p-1.75",icon:"size-4.5"}}]}),b=({text:n,className:i,variant:a="neutral-400",leading:t,size:r,...s})=>{let o=!n&&!!t&&t!=="dot",{container:c,text:g,dot:l,icon:d}=u({variant:a,size:r,isIconOnly:o});return jsxRuntime.jsxs("div",{className:c({className:i}),...s,children:[t==="dot"&&jsxRuntime.jsx("div",{className:l()}),t!=="dot"&&t&&jsxRuntime.jsx(t,{className:d()}),n&&jsxRuntime.jsx("p",{className:g(),children:n})]})};exports.StatusBadge=b;
1
+ 'use strict';var tailwindVariants=require('tailwind-variants'),jsxRuntime=require('react/jsx-runtime');var u=tailwindVariants.tv({slots:{container:"flex w-fit items-center justify-center gap-1 rounded-sm ring ring-inset",icon:"shrink-0",text:"line-clamp-1",dot:"size-1.5 shrink-0 rounded-full"},variants:{size:{sm:{text:"text-2xs leading-[130%]",icon:"size-3"},md:{text:"text-xs leading-[133%]",icon:"size-3"},lg:{text:"text-sm leading-[143%]",icon:"size-3.5"},xl:{container:"shrink-0",text:"line-clamp-3 text-center text-xs leading-[144%]",icon:"size-3.5"}},isIconOnly:{true:{container:"aspect-square"},false:{}},variant:{"aqua-100":{container:"bg-aqua-100 ring-aqua-500",icon:"text-aqua-800",text:"text-aqua-800",dot:"bg-aqua-700"},"sky-50":{container:"bg-sky-50 ring-sky-300",icon:"text-sky-800",text:"text-sky-800",dot:"bg-sky-700"},"info-100":{container:"bg-info-100 ring-info-500",icon:"text-info-800",text:"text-info-800",dot:"bg-info-600"},"success-50":{container:"bg-success-50 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"mint-50":{container:"bg-mint-50 ring-mint-300",icon:"text-mint-800",text:"text-mint-800",dot:"bg-mint-500"},"success-200":{container:"bg-success-200 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"jungle-200":{container:"bg-jungle-200 ring-mint-500",icon:"text-jungle-800",text:"text-jungle-800",dot:"bg-jungle-700"},"green-200":{container:"bg-green-200 ring-green-600",icon:"text-green-800",text:"text-green-800",dot:"bg-green-700"},"banana-50":{container:"bg-banana-50 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"banana-100":{container:"bg-banana-100 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"secondary-100":{container:"bg-secondary-100 ring-secondary-400",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-700"},"warning-50":{container:"bg-warning-50 ring-warning-300",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-600"},"warning-200":{container:"bg-warning-200 ring-warning-500",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-700"},"orange-50":{container:"bg-orange-50 ring-orange-200",icon:"text-warning-800",text:"text-warning-800",dot:"bg-orange-500"},"orange-100":{container:"bg-orange-100 ring-orange-300",icon:"text-orange-800",text:"text-orange-800",dot:"bg-orange-600"},"coral-50":{container:"bg-coral-50 ring-coral-300",icon:"text-coral-800",text:"text-coral-800",dot:"bg-coral-600"},"danger-50":{container:"bg-danger-50 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"danger-100":{container:"bg-danger-100 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"new-50":{container:"bg-new-50 ring-new-300",icon:"text-new-800",text:"text-new-800",dot:"bg-new-500"},"lavender-100":{container:"bg-lavender-100 ring-lavender-300",icon:"text-lavender-800",text:"text-lavender-800",dot:"bg-lavender-700"},"orchid-100":{container:"bg-orchid-100 ring-orchid-300",icon:"text-orchid-800",text:"text-orchid-800",dot:"bg-orchid-700"},"neutral-200":{container:"bg-neutral-200 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-300":{container:"bg-neutral-300 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-400":{container:"bg-neutral-400 ring-neutral-700",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"}}},compoundVariants:[{size:"sm",isIconOnly:false,class:{container:"py-0.625 px-1.5"}},{size:"sm",isIconOnly:true,class:{container:"p-0.75"}},{size:"md",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"md",isIconOnly:true,class:{container:"p-1"}},{size:"lg",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"lg",isIconOnly:true,class:{container:"p-1.125"}},{size:"xl",isIconOnly:false,class:{container:"w-30 px-1.5 py-1"}},{size:"xl",isIconOnly:true,class:{container:"p-1.75",icon:"size-4.5"}}]}),m=({text:t,className:a,variant:r="neutral-400",leading:n,size:i,...o})=>{let s=!t&&!!n&&n!=="dot",{container:c,text:g,dot:x,icon:l}=u({variant:r,size:i,isIconOnly:s});return jsxRuntime.jsxs("div",{className:c({className:a}),...o,children:[n==="dot"&&jsxRuntime.jsx("div",{className:x()}),n!=="dot"&&n&&jsxRuntime.jsx(n,{className:l()}),t&&jsxRuntime.jsx("p",{className:g(),children:t})]})};exports.StatusBadge=m;
@@ -1 +1 @@
1
- export{a as StatusBadge}from'../chunk-AU74IT3Q.mjs';
1
+ export{a as StatusBadge}from'../chunk-DFSOCE2F.mjs';
@@ -1 +1 @@
1
- export{c as Tabs,f as TabsContent,d as TabsList,b as TabsSizes,e as TabsTrigger,a as TabsVariants}from'../chunk-FYXOLYGP.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-JTO6FE4R.mjs';import'../chunk-XJD5SYZJ.mjs';
1
+ export{c as Tabs,f as TabsContent,d as TabsList,b as TabsSizes,e as TabsTrigger,a as TabsVariants}from'../chunk-XKENLG5T.mjs';import'../chunk-JTO6FE4R.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-XJD5SYZJ.mjs';
@@ -1 +1 @@
1
- @theme{ --color-primary-50: oklch(99.05% .012859 185.108368); --color-primary-100: oklch(97.56% .021272 186.035142); --color-primary-200: oklch(95.04% .03166 186.913845); --color-primary-300: oklch(92.29% .045319 184.388145); --color-primary-400: oklch(82.29% .077992 184.439774); --color-primary-500: oklch(65.4% .116355 182.990151); --color-primary-600: oklch(50.53% .089491 183.544723); --color-primary-700: oklch(45.2% .08019 183.058747); --color-primary-800: oklch(38.43% .061039 182.18136); --color-primary-900: oklch(33.61% .029379 185.616258); --color-secondary-50: oklch(98.12% .028219 93.74441); --color-secondary-100: oklch(95.13% .074779 94.272193); --color-secondary-200: oklch(92.59% .116476 94.784571); --color-secondary-300: oklch(90.07% .14979 93.931278); --color-secondary-400: oklch(88.19% .170606 92.914802); --color-secondary-500: oklch(86.33% .176413 89.912689); --color-secondary-600: oklch(76.16% .155478 89.149173); --color-secondary-700: oklch(66.46% .135854 90.766427); --color-secondary-800: oklch(55.34% .112901 86.851484); --color-secondary-900: oklch(33.24% .067205 86.574464); --color-neutral-50: oklch(100% 0 0); --color-neutral-70: rgb(250, 254, 253); --color-neutral-80: rgb(252, 252, 252); --color-neutral-100: oklch(99.11% 0 0); --color-neutral-200: oklch(97.06% .003444 174.483896); --color-neutral-300: oklch(92.31% .006573 185.262917); --color-neutral-400: oklch(87.71% .011148 182.835057); --color-neutral-500: oklch(83.08% .015517 186.616571); --color-neutral-600: oklch(75.43% .017121 172.470014); --color-neutral-700: oklch(62.24% .01521 173.85771); --color-neutral-800: oklch(47.94% .013301 175.828415); --color-neutral-900: oklch(31.02% .01531 183.037849); --color-error-50: oklch(96.45% .017421 21.806344); --color-error-100: oklch(93.11% .034846 26.530667); --color-error-200: oklch(86.51% .072407 26.005506); --color-error-300: oklch(80.17% .111383 27.208636); --color-error-400: oklch(74.54% .152207 27.973968); --color-error-500: oklch(69.73% .191299 29.432339); --color-error-600: oklch(52.4% .19699 26.833108); --color-error-700: oklch(42.71% .157449 26.516899); --color-error-800: oklch(32.19% .11453 25.519586); --color-danger-50: oklch(96.45% .017421 21.806344); --color-danger-100: oklch(93.11% .034846 26.530667); --color-danger-200: oklch(86.51% .072407 26.005506); --color-danger-300: oklch(80.17% .111383 27.208636); --color-danger-400: oklch(74.54% .152207 27.973968); --color-danger-500: oklch(69.73% .191299 29.432339); --color-danger-600: oklch(52.4% .19699 26.833108); --color-danger-700: oklch(42.71% .157449 26.516899); --color-danger-800: oklch(32.19% .11453 25.519586); --color-warning-50: oklch(98.44% .018877 93.658964); --color-warning-100: oklch(97.23% .052441 97.897086); --color-warning-200: oklch(94.72% .101079 98.264996); --color-warning-300: oklch(92.46% .141832 98.154545); --color-warning-400: oklch(90.46% .169527 97.252101); --color-warning-500: oklch(88.7% .180416 95.158165); --color-warning-600: oklch(85.14% .174685 94.518463); --color-warning-700: oklch(70.63% .144985 94.863401); --color-warning-800: oklch(47.15% .096885 95.466678); --color-warning-900: rgb(147, 99, 19); --color-success-50: oklch(97.59% .015174 145.45798); --color-success-100: oklch(93.15% .04366 160.991135); --color-success-200: oklch(86.62% .086577 159.446071); --color-success-300: oklch(79.7% .1244 158.026162); --color-success-400: oklch(74.27% .156145 155.588187); --color-success-500: oklch(63.8% .142357 154.488739); --color-success-600: oklch(59.01% .134313 155.288583); --color-success-700: oklch(49.4% .108077 154.725028); --color-success-800: oklch(39.1% .082926 155.05963); --color-info-50: oklch(97.02% .013063 251.557823); --color-info-100: oklch(93.27% .043071 212.859224); --color-info-200: oklch(87.05% .08199 213.490061); --color-info-300: oklch(82.53% .118242 215.403447); --color-info-400: oklch(78.5% .136243 218.338934); --color-info-500: oklch(66.24% .117499 219.576642); --color-info-600: oklch(61.36% .108156 218.873603); --color-info-700: oklch(51.11% .089382 219.006793); --color-info-800: oklch(40.58% .069532 217.685267); --color-new-50: oklch(95.42% .017142 308.260988); --color-new-100: oklch(91.06% .0322 309.926102); --color-new-200: oklch(82.06% .067184 308.974569); --color-new-300: oklch(72.71% .103589 308.175001); --color-new-400: oklch(63.68% .139087 307.48013); --color-new-500: oklch(54.91% .172676 306.235802); --color-new-600: oklch(50.39% .177164 305.291739); --color-new-700: oklch(42.38% .144396 305.972623); --color-new-800: oklch(33.85% .109237 306.306292); --color-lime-50: oklch(97.88% .019949 115.952144); --color-lime-100: oklch(95.75% .041148 116.076982); --color-lime-200: oklch(91.53% .081759 117.666626); --color-lime-300: oklch(87.29% .117213 118.04589); --color-lime-400: oklch(83.38% .149929 119.100785); --color-lime-500: oklch(79.55% .173569 120.741571); --color-lime-600: oklch(73.68% .160112 120.712759); --color-lime-700: oklch(61.23% .13144 120.711586); --color-lime-800: oklch(41.38% .085965 120.602977); --color-mantis-50: oklch(96.59% .016901 145.443033); --color-mantis-100: oklch(93.19% .034039 145.295477); --color-mantis-200: oklch(86.44% .068862 144.949971); --color-mantis-300: oklch(79.8% .103861 144.525394); --color-mantis-400: oklch(73.29% .139197 143.992652); --color-mantis-500: oklch(67% .164626 143.464327); --color-mantis-600: oklch(61.9% .149675 143.502428); --color-mantis-700: oklch(51.81% .124335 143.520295); --color-mantis-800: oklch(35.11% .078608 143.674619); --color-sky-50: oklch(97.55% .011332 217.541974); --color-sky-100: oklch(95.29% .02274 210.395719); --color-sky-200: oklch(90.51% .044659 214.178993); --color-sky-300: oklch(85.98% .066459 212.993751); --color-sky-400: oklch(81.45% .085046 214.015469); --color-sky-500: oklch(77.63% .101758 214.177219); --color-sky-600: oklch(74.29% .112059 216.302817); --color-sky-700: oklch(64.51% .106381 217.325564); --color-sky-800: oklch(43.37% .068885 216.146187); --color-sea-50: oklch(97.02% .015868 239.100671); --color-sea-100: oklch(94.08% .031833 239.359817); --color-sea-200: oklch(88.18% .063469 242.103772); --color-sea-300: oklch(82.62% .095133 242.260986); --color-sea-400: oklch(77.38% .125327 243.245811); --color-sea-500: oklch(44% .261541 265.865639); --color-sea-600: oklch(68.54% .174161 248.188301); --color-sea-700: oklch(59.21% .174937 251.563196); --color-sea-800: oklch(39.92% .112854 249.955885); --color-indigo-50: oklch(96.18% .013758 272.691678); --color-indigo-100: oklch(92.53% .026877 269.663495); --color-indigo-200: oklch(84.81% .056341 270.671963); --color-indigo-300: oklch(77.26% .086304 269.605104); --color-indigo-400: oklch(69.59% .120221 269.273654); --color-indigo-500: oklch(62.26% .152177 268.167421); --color-indigo-600: oklch(56.03% .180837 266.706531); --color-indigo-700: oklch(45.89% .187386 265.2158); --color-indigo-800: oklch(36.47% .142807 265.429703); --color-purple-50: oklch(95.49% .016274 297.521978); --color-purple-100: oklch(91.1% .032698 293.389993); --color-purple-200: oklch(81.94% .067515 294.413364); --color-purple-300: oklch(72.85% .103755 292.552357); --color-purple-400: oklch(63.62% .141174 291.44099); --color-purple-500: oklch(54.75% .177499 288.305746); --color-purple-600: oklch(48.85% .199485 285.440541); --color-purple-700: oklch(40.59% .175891 284.470584); --color-purple-800: oklch(32.34% .133147 285.141206); --color-fuchsia-50: oklch(96.2% .016302 322.694661); --color-fuchsia-100: oklch(92.31% .032314 321.140503); --color-fuchsia-200: oklch(84.71% .066477 322.087942); --color-fuchsia-300: oklch(77.26% .099225 321.841053); --color-fuchsia-400: oklch(69.75% .134041 321.820191); --color-fuchsia-500: oklch(62.66% .168107 322.217778); --color-fuchsia-600: oklch(58.18% .187695 322.10796); --color-fuchsia-700: oklch(48.62% .160089 321.777621); --color-fuchsia-800: oklch(38.57% .121762 322.579953); --color-pink-50: oklch(96.65% .015789 341.390455); --color-pink-100: oklch(93.05% .032752 339.84174); --color-pink-200: oklch(86.22% .067765 339.738491); --color-pink-300: oklch(79.65% .104021 341.491672); --color-pink-400: oklch(73.29% .139581 342.729538); --color-pink-500: oklch(67.43% .174045 343.752122); --color-pink-600: oklch(62.97% .198148 345.456763); --color-pink-700: oklch(53.77% .198042 346.869112); --color-pink-800: oklch(42.41% .15202 346.943916); --color-wine-50: oklch(96.02% .015098 345.550165); --color-wine-100: oklch(92.02% .030005 348.223859); --color-wine-200: oklch(84.13% .062486 348.122987); --color-wine-300: oklch(76.35% .095986 349.761916); --color-wine-400: oklch(69% .131211 351.867373); --color-wine-500: oklch(62.09% .163589 354.065365); --color-wine-600: oklch(57.99% .180783 355.838564); --color-wine-700: oklch(48.61% .154697 356.056961); --color-wine-800: oklch(38.49% .118259 355.694535); --color-orange-50: oklch(97.08% .015119 54.934046); --color-orange-100: oklch(94.25% .032257 55.356256); --color-orange-200: oklch(88.89% .064772 55.409895); --color-orange-300: oklch(83.45% .097913 54.828475); --color-orange-400: oklch(78.46% .130863 52.947472); --color-orange-500: oklch(74.06% .161328 51.157846); --color-orange-600: oklch(70.82% .181867 47.904886); --color-orange-700: oklch(61% .172404 44.864647); --color-orange-800: oklch(47.93% .132408 45.831074); --color-zoro-300: rgb(233, 240, 196); --color-zoro-500: rgb(219, 227, 171); --color-ussop-300: rgb(213, 233, 206); --color-ussop-500: rgb(191, 228, 178); --color-crocodile-300: rgb(205, 224, 185); --color-crocodile-500: rgb(190, 213, 164); --color-silvers-300: rgb(223, 247, 222); --color-silvers-500: rgb(207, 244, 206); --color-buggy-300: rgb(229, 245, 179); --color-buggy-500: rgb(218, 239, 157); --color-nami-300: rgb(255, 219, 187); --color-nami-500: rgb(255, 206, 162); --color-shanks-300: rgb(246, 207, 188); --color-shanks-500: rgb(251, 197, 169); --color-piiman-300: rgb(255, 227, 180); --color-piiman-500: rgb(255, 218, 155); --color-sanji-300: rgb(255, 236, 202); --color-sanji-500: rgb(255, 224, 169); --color-ace-300: rgb(255, 218, 211); --color-ace-500: rgb(255, 193, 181); --color-hancock-300: rgb(246, 207, 230); --color-hancock-500: rgb(243, 185, 220); --color-chopper-300: rgb(255, 226, 248); --color-chopper-500: rgb(255, 205, 243); --color-bentham-300: rgb(237, 216, 240); --color-bentham-500: rgb(236, 204, 241); --color-ivankov-300: rgb(240, 228, 255); --color-ivankov-500: rgb(230, 209, 255); --color-brook-300: rgb(226, 227, 255); --color-brook-500: rgb(206, 208, 255); --color-luffy-300: rgb(216, 227, 255); --color-luffy-500: rgb(199, 215, 255); --color-frankie-300: rgb(205, 241, 248); --color-frankie-500: rgb(184, 238, 249); --color-jinbe-300: rgb(205, 240, 255); --color-jinbe-500: rgb(179, 232, 255); --color-robin-300: rgb(186, 210, 245); --color-robin-500: rgb(173, 205, 251); --color-law-300: rgb(203, 216, 243); --color-law-500: rgb(176, 195, 234); --color-sunny-800: rgb(75, 126, 18); --color-polartang-600: rgb(198, 129, 48); --color-polartang-800: rgb(167, 90, 0); --color-merry-600: rgb(143, 63, 162); --color-merry-800: rgb(88, 23, 105); --color-jackson-800: rgb(78, 102, 151); --color-transparent-primary-10: oklch(82.29% .077992 184.439774 / .1); --color-transparent-primary-20: oklch(82.29% .077992 184.439774 / .2); --color-transparent-primary-30: oklch(82.29% .077992 184.439774 / .3); --color-transparent-primary-40: oklch(82.29% .077992 184.439774 / .4); --color-transparent-primary-90: oklch(82.29% .077992 184.439774 / .9); --color-transparent-neutral-10: oklch(100% 0 0 / .1); --color-transparent-neutral-20: oklch(99.11% 0 0 / .2); --color-transparent-neutral-30: oklch(97.06% .003444 174.483896 / .3); --color-transparent-neutral-40: oklch(92.31% .006573 185.262917 / .4); --color-transparent-neutral-50: oklch(87.71% .011148 182.835057 / .5); --color-transparent-error-10: rgb(252, 165, 165, .1); }
1
+ @theme{ --color-primary-50: oklch(99.05% .012859 185.108368); --color-primary-100: oklch(97.56% .021272 186.035142); --color-primary-200: oklch(95.04% .03166 186.913845); --color-primary-300: oklch(92.29% .045319 184.388145); --color-primary-400: oklch(82.29% .077992 184.439774); --color-primary-500: oklch(65.4% .116355 182.990151); --color-primary-600: oklch(50.53% .089491 183.544723); --color-primary-700: oklch(45.2% .08019 183.058747); --color-primary-800: oklch(38.43% .061039 182.18136); --color-primary-900: oklch(33.61% .029379 185.616258); --color-secondary-50: oklch(98.12% .028219 93.74441); --color-secondary-100: oklch(95.13% .074779 94.272193); --color-secondary-200: oklch(92.59% .116476 94.784571); --color-secondary-300: oklch(90.07% .14979 93.931278); --color-secondary-400: oklch(88.19% .170606 92.914802); --color-secondary-500: oklch(86.33% .176413 89.912689); --color-secondary-600: oklch(76.16% .155478 89.149173); --color-secondary-700: oklch(66.46% .135854 90.766427); --color-secondary-800: oklch(55.34% .112901 86.851484); --color-secondary-900: oklch(33.24% .067205 86.574464); --color-neutral-50: oklch(100% 0 0); --color-neutral-70: rgb(250, 254, 253); --color-neutral-80: rgb(252, 252, 252); --color-neutral-100: oklch(99.11% 0 0); --color-neutral-200: oklch(97.06% .003444 174.483896); --color-neutral-300: oklch(92.31% .006573 185.262917); --color-neutral-400: oklch(87.71% .011148 182.835057); --color-neutral-500: oklch(83.08% .015517 186.616571); --color-neutral-600: oklch(75.43% .017121 172.470014); --color-neutral-700: oklch(62.24% .01521 173.85771); --color-neutral-800: oklch(47.94% .013301 175.828415); --color-neutral-900: oklch(31.02% .01531 183.037849); --color-success-50: oklch(92.97% .037196 161.510171); --color-success-100: oklch(89.76% .054549 160.03203); --color-success-200: oklch(86.83% .073385 158.577543); --color-success-300: oklch(83.7% .090251 158.646873); --color-success-500: oklch(77.99% .12407 156.208142); --color-success-600: oklch(71.52% .117837 156.18458); --color-success-700: oklch(64.67% .11034 155.655247); --color-success-800: oklch(43.46% .088893 154.254098); --color-info-50: oklch(91.55% .044429 238.914065); --color-info-100: oklch(87.65% .064612 239.419379); --color-info-200: oklch(83.84% .084578 240.019806); --color-info-300: oklch(80.4% .104585 240.444024); --color-info-500: oklch(73.48% .140543 242.906352); --color-info-600: oklch(67.24% .133623 242.843965); --color-info-700: oklch(60.74% .128045 244.113173); --color-info-800: oklch(40.58% .106199 247.515094); --color-warning-50: oklch(95.01% .050162 90.955788); --color-warning-100: oklch(92.74% .072392 90.963141); --color-warning-200: oklch(90.72% .094351 91.749041); --color-warning-300: oklch(88.55% .114819 91.497729); --color-warning-500: oklch(84.66% .146194 90.465587); --color-warning-600: oklch(76.3% .133941 90.827987); --color-warning-700: oklch(67.6% .120305 89.830952); --color-warning-800: oklch(39.72% .077346 88.408886); --color-warning-900: rgb(147, 99, 19); --color-error-50: oklch(96.45% .017421 21.806344); --color-error-100: oklch(93.11% .034846 26.530667); --color-error-200: oklch(86.51% .072407 26.005506); --color-error-300: oklch(80.17% .111383 27.208636); --color-error-400: oklch(74.54% .152207 27.973968); --color-error-500: oklch(69.73% .191299 29.432339); --color-error-600: oklch(52.4% .19699 26.833108); --color-error-700: oklch(42.71% .157449 26.516899); --color-error-800: oklch(32.19% .11453 25.519586); --color-danger-50: oklch(88.4% .051063 18.161859); --color-danger-100: oklch(83.11% .077188 18.836203); --color-danger-200: oklch(78.2% .103209 19.654879); --color-danger-300: oklch(73.48% .132351 20.778252); --color-danger-500: oklch(65.2% .184634 23.758323); --color-danger-600: oklch(59.42% .176413 24.233406); --color-danger-700: oklch(53.66% .166726 24.732422); --color-danger-800: oklch(35.72% .134832 27.546841); --color-new-50: oklch(86.07% .073416 292.572264); --color-new-100: oklch(85.7% .066954 265.35827); --color-new-200: oklch(73.23% .143978 290.100145); --color-new-300: oklch(67.06% .180451 288.198937); --color-new-500: oklch(55.69% .243956 282.663665); --color-new-600: oklch(50.2% .232607 281.810107); --color-new-700: oklch(44.85% .220839 280.405857); --color-new-800: oklch(28.31% .178397 272.339907); --color-jungle-50: oklch(89.08% .092007 166.783507); --color-jungle-100: oklch(80.23% .140188 144.642553); --color-jungle-200: oklch(73.38% .099694 165.620935); --color-jungle-300: oklch(65.13% .100803 164.867037); --color-jungle-500: oklch(48.73% .102392 160.798344); --color-jungle-600: oklch(69.48% .161424 121.307403); --color-jungle-700: oklch(62.44% .144869 121.587879); --color-jungle-800: oklch(39.53% .087617 120.664546); --color-mint-50: oklch(90.57% .049809 165.486394); --color-mint-100: oklch(86.03% .068739 165.051765); --color-mint-200: oklch(81.54% .087901 163.551871); --color-mint-300: oklch(77.42% .10679 162.267494); --color-mint-500: oklch(69.13% .137071 158.918331); --color-mint-600: oklch(62.87% .123516 159.039627); --color-mint-700: oklch(56.44% .109566 159.194796); --color-mint-800: oklch(36.17% .065442 160.828853); --color-green-50: oklch(95.57% .037525 139.171874); --color-green-100: oklch(93.46% .055059 139.432624); --color-green-200: oklch(91.37% .072625 139.562297); --color-green-300: oklch(89.63% .090082 139.639452); --color-green-500: oklch(85.65% .12457 139.737582); --color-green-600: oklch(77.43% .124083 139.955557); --color-green-700: oklch(68.77% .122046 140.119183); --color-green-800: oklch(41.83% .115478 140.428351); --color-aqua-50: oklch(93.42% .041614 215.429251); --color-aqua-100: oklch(90.34% .064314 213.426946); --color-aqua-200: oklch(87.38% .082398 214.400316); --color-aqua-300: oklch(84.81% .097813 213.828532); --color-aqua-500: oklch(79.97% .123139 216.024258); --color-aqua-600: oklch(72.05% .11208 215.612204); --color-aqua-700: oklch(63.66% .10064 216.041807); --color-aqua-800: oklch(37.15% .063433 217.219); --color-sky-50: oklch(90.3% .05161 242.156089); --color-sky-100: oklch(86.02% .07594 241.664882); --color-sky-200: oklch(81.94% .099161 242.249855); --color-sky-300: oklch(77.76% .122692 243.584534); --color-sky-500: oklch(70.63% .163096 246.471715); --color-sky-600: oklch(64.41% .152419 246.942436); --color-sky-700: oklch(58.33% .141768 247.329199); --color-sky-800: oklch(38.63% .105661 251.782703); --color-indigo-50: oklch(86.27% .046363 275.931938); --color-indigo-100: oklch(79.81% .070409 275.699905); --color-indigo-200: oklch(73.27% .094106 275.007394); --color-indigo-300: oklch(67.04% .118596 274.077502); --color-indigo-500: oklch(62.26% .152177 268.167421); --color-indigo-600: oklch(49.29% .157215 270.946312); --color-indigo-700: oklch(44.28% .14491 270.742019); --color-indigo-800: oklch(28.39% .101382 269.629133); --color-violet-50: oklch(88% .064849 293.803779); --color-violet-100: oklch(82.38% .096618 292.791368); --color-violet-200: oklch(76.9% .128947 292.168907); --color-violet-300: oklch(71.26% .162662 290.966089); --color-violet-500: oklch(61.07% .223547 287.125452); --color-violet-600: oklch(54.78% .220177 285.820882); --color-violet-700: oklch(48.33% .217077 284.189687); --color-violet-800: oklch(30.29% .194211 272.543923); --color-lavender-50: oklch(88% .064849 293.803779); --color-lavender-100: oklch(82.38% .096618 292.791368); --color-lavender-200: oklch(76.9% .128947 292.168907); --color-lavender-300: oklch(71.26% .162662 290.966089); --color-lavender-500: oklch(60.76% .156078 305.323581); --color-lavender-600: oklch(55.31% .146767 305.192721); --color-lavender-700: oklch(49.55% .135756 304.758298); --color-lavender-800: oklch(31.37% .105856 303.490331); --color-orchid-50: oklch(88.56% .054396 322.165571); --color-orchid-100: oklch(83.28% .081676 322.230715); --color-orchid-200: oklch(78.16% .106943 321.675435); --color-orchid-300: oklch(73.01% .133534 322.286598); --color-orchid-500: oklch(62.37% .195916 322.406514); --color-orchid-600: oklch(57.79% .170909 322.283818); --color-orchid-700: oklch(51.92% .157162 322.142279); --color-orchid-800: oklch(33.68% .114016 322.118754); --color-pink-50: oklch(90.19% .055153 340.372962); --color-pink-100: oklch(85.8% .080865 341.241261); --color-pink-200: oklch(81.41% .109442 341.259215); --color-pink-300: oklch(77.33% .135549 342.289596); --color-pink-500: oklch(69.79% .187232 343.982563); --color-pink-600: oklch(63.7% .180992 344.439162); --color-pink-700: oklch(57.52% .174337 345.013932); --color-pink-800: oklch(38.35% .14748 347.827616); --color-bubblegum-50: oklch(89.78% .054387 3.94615); --color-bubblegum-100: oklch(85.22% .080424 5.288276); --color-bubblegum-200: oklch(80.96% .10844 6.744287); --color-bubblegum-300: oklch(76.68% .137057 7.700162); --color-bubblegum-500: oklch(69.2% .186522 11.023925); --color-bubblegum-600: oklch(63.54% .18676 12.053861); --color-bubblegum-700: oklch(57.5% .181966 13.674083); --color-bubblegum-800: oklch(39.55% .157021 20.875471); --color-coral-50: oklch(90.31% .0502 25.705622); --color-coral-100: oklch(86.07% .075099 26.819629); --color-coral-200: oklch(81.86% .101822 26.151271); --color-coral-300: oklch(77.91% .127165 27.349231); --color-coral-500: oklch(71.04% .180213 28.722046); --color-coral-600: oklch(63.69% .171471 28.699358); --color-coral-700: oklch(56.31% .161581 29.47964); --color-coral-800: oklch(33.19% .126665 31.293822); --color-orange-50: oklch(91.6% .047903 56.941099); --color-orange-100: oklch(87.69% .071025 55.558932); --color-orange-200: oklch(84.08% .094167 55.556691); --color-orange-300: oklch(80.55% .118358 53.941904); --color-orange-500: oklch(74.06% .161328 51.157846); --color-orange-600: oklch(67.77% .151447 51.088344); --color-orange-700: oklch(61.48% .141935 50.407935); --color-orange-800: oklch(41.14% .110858 47.038896); --color-banana-50: oklch(97.53% .055764 101.88023); --color-banana-100: oklch(95.3% .139122 105.226526); --color-banana-200: oklch(94.88% .116909 103.132557); --color-banana-300: oklch(93.67% .142562 102.739787); --color-banana-500: oklch(91.59% .177903 102.740888); --color-banana-600: oklch(81.24% .158377 102.923832); --color-banana-700: oklch(70.63% .138143 102.672569); --color-banana-800: oklch(35.25% .07235 101.854786); --color-zoro-300: rgb(233, 240, 196); --color-zoro-500: rgb(219, 227, 171); --color-ussop-300: rgb(213, 233, 206); --color-ussop-500: rgb(191, 228, 178); --color-crocodile-300: rgb(205, 224, 185); --color-crocodile-500: rgb(190, 213, 164); --color-silvers-300: rgb(223, 247, 222); --color-silvers-500: rgb(207, 244, 206); --color-buggy-300: rgb(229, 245, 179); --color-buggy-500: rgb(218, 239, 157); --color-nami-300: rgb(255, 219, 187); --color-nami-500: rgb(255, 206, 162); --color-shanks-300: rgb(246, 207, 188); --color-shanks-500: rgb(251, 197, 169); --color-piiman-300: rgb(255, 227, 180); --color-piiman-500: rgb(255, 218, 155); --color-sanji-300: rgb(255, 236, 202); --color-sanji-500: rgb(255, 224, 169); --color-ace-300: rgb(255, 218, 211); --color-ace-500: rgb(255, 193, 181); --color-hancock-300: rgb(246, 207, 230); --color-hancock-500: rgb(243, 185, 220); --color-chopper-300: rgb(255, 226, 248); --color-chopper-500: rgb(255, 205, 243); --color-bentham-300: rgb(237, 216, 240); --color-bentham-500: rgb(236, 204, 241); --color-ivankov-300: rgb(240, 228, 255); --color-ivankov-500: rgb(230, 209, 255); --color-brook-300: rgb(226, 227, 255); --color-brook-500: rgb(206, 208, 255); --color-luffy-300: rgb(216, 227, 255); --color-luffy-500: rgb(199, 215, 255); --color-frankie-300: rgb(205, 241, 248); --color-frankie-500: rgb(184, 238, 249); --color-jinbe-300: rgb(205, 240, 255); --color-jinbe-500: rgb(179, 232, 255); --color-robin-300: rgb(186, 210, 245); --color-robin-500: rgb(173, 205, 251); --color-law-300: rgb(203, 216, 243); --color-law-500: rgb(176, 195, 234); --color-sunny-800: rgb(75, 126, 18); --color-polartang-600: rgb(198, 129, 48); --color-polartang-800: rgb(167, 90, 0); --color-merry-600: rgb(143, 63, 162); --color-merry-800: rgb(88, 23, 105); --color-jackson-800: rgb(78, 102, 151); --color-transparent-primary-10: oklch(82.29% .077992 184.439774 / .1); --color-transparent-primary-20: oklch(82.29% .077992 184.439774 / .2); --color-transparent-primary-30: oklch(82.29% .077992 184.439774 / .3); --color-transparent-primary-40: oklch(82.29% .077992 184.439774 / .4); --color-transparent-primary-90: oklch(82.29% .077992 184.439774 / .9); --color-transparent-neutral-10: oklch(100% 0 0 / .1); --color-transparent-neutral-20: oklch(99.11% 0 0 / .2); --color-transparent-neutral-30: oklch(97.06% .003444 174.483896 / .3); --color-transparent-neutral-40: oklch(92.31% .006573 185.262917 / .4); --color-transparent-neutral-50: oklch(87.71% .011148 182.835057 / .5); --color-transparent-error-10: rgb(252, 165, 165, .1); --color-transparent-primary-400-10: oklch(82.29% .077992 184.439774 / .1); --color-transparent-primary-400-20: oklch(82.29% .077992 184.439774 / .2); --color-transparent-primary-400-30: oklch(82.29% .077992 184.439774 / .3); --color-transparent-primary-400-40: oklch(82.29% .077992 184.439774 / .4); --color-transparent-primary-400-50: oklch(82.29% .077992 184.439774 / .5); --color-transparent-primary-400-60: oklch(82.29% .077992 184.439774 / .6); --color-transparent-primary-400-70: oklch(82.29% .077992 184.439774 / .7); --color-transparent-primary-400-80: oklch(82.29% .077992 184.439774 / .8); --color-transparent-primary-400-90: oklch(82.29% .077992 184.439774 / .9); --color-transparent-primary-600-10: oklch(50.53% .089491 183.544723 / .1); --color-transparent-primary-600-20: oklch(50.53% .089491 183.544723 / .2); --color-transparent-primary-600-30: oklch(50.53% .089491 183.544723 / .3); --color-transparent-primary-600-40: oklch(50.53% .089491 183.544723 / .4); --color-transparent-primary-600-50: oklch(50.53% .089491 183.544723 / .5); --color-transparent-primary-600-60: oklch(50.53% .089491 183.544723 / .6); --color-transparent-primary-600-70: oklch(50.53% .089491 183.544723 / .7); --color-transparent-primary-600-80: oklch(50.53% .089491 183.544723 / .8); --color-transparent-primary-600-90: oklch(50.53% .089491 183.544723 / .9); --color-transparent-neutral-50-10: oklch(100% 0 0 / .1); --color-transparent-neutral-50-20: oklch(100% 0 0 / .2); --color-transparent-neutral-50-30: oklch(100% 0 0 / .3); --color-transparent-neutral-50-40: oklch(100% 0 0 / .4); --color-transparent-neutral-50-50: oklch(100% 0 0 / .5); --color-transparent-neutral-50-60: oklch(100% 0 0 / .6); --color-transparent-neutral-50-70: oklch(100% 0 0 / .7); --color-transparent-neutral-50-80: oklch(100% 0 0 / .8); --color-transparent-neutral-50-90: oklch(100% 0 0 / .9); --color-transparent-neutral-800-10: oklch(47.94% .013301 175.828415 / .1); --color-transparent-neutral-800-20: oklch(47.94% .013301 175.828415 / .2); --color-transparent-neutral-800-30: oklch(47.94% .013301 175.828415 / .3); --color-transparent-neutral-800-40: oklch(47.94% .013301 175.828415 / .4); --color-transparent-neutral-800-50: oklch(47.94% .013301 175.828415 / .5); --color-transparent-neutral-800-60: oklch(47.94% .013301 175.828415 / .6); --color-transparent-neutral-800-70: oklch(47.94% .013301 175.828415 / .7); --color-transparent-neutral-800-80: oklch(47.94% .013301 175.828415 / .8); --color-transparent-neutral-800-90: oklch(47.94% .013301 175.828415 / .9); }