@nadicodeai/design-system 12.1.81 → 12.1.83

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.
@@ -46,12 +46,12 @@
46
46
  --nc-action-hover: oklch(0.3012 0.0000 0.00);
47
47
  --nc-action-active: oklch(0.0000 0.0000 0.00);
48
48
  --nc-ink: oklch(0.1776 0.0000 0.00);
49
- --nc-body: oklch(0.3867 0.0000 0.00);
49
+ --nc-body: oklch(0.5103 0.0000 0.00);
50
50
  --nc-muted: oklch(0.5278 0.0000 0.00);
51
51
  --nc-canvas: oklch(1.0000 0.0000 0.00);
52
52
  --nc-canvas-soft: oklch(0.9851 0.0000 0.00);
53
53
  --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);
54
- --nc-material-workspace: oklch(0.9761 0.0000 0.00);
54
+ --nc-material-workspace: oklch(0.9851 0.0000 0.00);
55
55
  --nc-material-solid: oklch(1.0000 0.0000 0.00);
56
56
  --nc-material-resting: oklch(1.0000 0.0000 0.00);
57
57
  --nc-material-raised: oklch(1.0000 0.0000 0.00);
@@ -61,9 +61,9 @@
61
61
  --nc-input: oklch(0.5624 0.0000 0.00);
62
62
  --nc-focus-ring: oklch(0.1776 0.0000 0.00);
63
63
  --nc-scrim: oklch(0.0000 0.0000 0.00);
64
- --nc-link: oklch(0.4815 0.1209 154.24);
65
- --nc-link-deep: oklch(0.3852 0.0953 154.99);
66
- --nc-link-bg-soft: oklch(0.9170 0.0519 161.77);
64
+ --nc-link: oklch(0.5339 0.1875 256.73);
65
+ --nc-link-deep: oklch(0.4653 0.1652 257.00);
66
+ --nc-link-bg-soft: oklch(0.9656 0.0171 248.01);
67
67
  --nc-info: oklch(0.5005 0.2804 266.17);
68
68
  --nc-info-soft: oklch(0.9457 0.0259 276.40);
69
69
  --nc-info-deep: oklch(0.3197 0.1758 266.79);
@@ -109,7 +109,7 @@
109
109
  --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);
110
110
  --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);
111
111
  --nc-dark-ink: oklch(0.9461 0.0000 0.00);
112
- --nc-dark-body: oklch(0.8297 0.0000 0.00);
112
+ --nc-dark-body: oklch(0.7090 0.0000 0.00);
113
113
  --nc-dark-muted: oklch(0.6993 0.0000 0.00);
114
114
  --nc-dark-line: oklch(0.2686 0.0000 0.00);
115
115
  --nc-dark-input: oklch(0.5590 0.0000 0.00);
@@ -118,9 +118,9 @@
118
118
  --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
119
119
  --nc-dark-action-hover: oklch(0.8761 0.0000 0.00);
120
120
  --nc-dark-action-active: oklch(0.8297 0.0000 0.00);
121
- --nc-dark-link: oklch(0.7661 0.1498 157.10);
122
- --nc-dark-link-deep: oklch(0.8524 0.0996 159.83);
123
- --nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32);
121
+ --nc-dark-link: oklch(0.7173 0.1522 251.00);
122
+ --nc-dark-link-deep: oklch(0.8135 0.0986 247.81);
123
+ --nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41);
124
124
  --nc-dark-focus-ring: oklch(0.9461 0.0000 0.00);
125
125
  --nc-dark-scrim: oklch(0.0000 0.0000 0.00);
126
126
  --nc-dark-error: oklch(0.7955 0.0980 21.02);
@@ -150,6 +150,18 @@
150
150
  --nc-dark-chart-4: oklch(0.6627 0.1685 23.66);
151
151
  --nc-dark-chart-5: oklch(0.7820 0.1247 190.99);
152
152
  --nc-dark-chart-6: oklch(0.6297 0.1321 299.36);
153
+ --nc-category-teal-soft: oklch(0.9585 0.0244 187.32);
154
+ --nc-category-teal-deep: oklch(0.4600 0.0788 185.34);
155
+ --nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13);
156
+ --nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70);
157
+ --nc-category-purple-soft: oklch(0.9464 0.0327 307.17);
158
+ --nc-category-purple-deep: oklch(0.4541 0.1958 308.26);
159
+ --nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78);
160
+ --nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92);
161
+ --nc-category-pink-soft: oklch(0.9476 0.0263 347.12);
162
+ --nc-category-pink-deep: oklch(0.4863 0.1711 355.09);
163
+ --nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51);
164
+ --nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21);
153
165
  --nc-xxs: 4px;
154
166
  --nc-xs: 8px;
155
167
  --nc-sm: 12px;
@@ -166,8 +178,12 @@
166
178
  --nc-icon-stroke-sm: 1.25px;
167
179
  --nc-focus-outline-width: 2px;
168
180
  --nc-focus-outline-offset: 2px;
169
- --nc-control-height: 32px;
170
- --nc-control-padding-inline: 10px;
181
+ --nc-control-height: 36px;
182
+ --nc-control-height-sm: 32px;
183
+ --nc-control-height-lg: 40px;
184
+ --nc-control-height-xs: 24px;
185
+ --nc-control-padding-inline: 12px;
186
+ --nc-card-padding: 20px;
171
187
  --nc-touch-target: 44px;
172
188
  --nc-rounded-none: 0px;
173
189
  --nc-rounded-xs: 2px;
@@ -185,19 +201,39 @@
185
201
  -apple-system,
186
202
  sans-serif;
187
203
  --nc-type-display-xl-font-size: 72px;
188
- --nc-type-display-xl-font-weight: 500;
189
- --nc-type-display-xl-line-height: 74px;
190
- --nc-type-display-xl-letter-spacing: -2.52px;
204
+ --nc-type-display-xl-font-weight: 600;
205
+ --nc-type-display-xl-line-height: 72px;
206
+ --nc-type-display-xl-letter-spacing: -4.32px;
207
+ --nc-type-display-wide-font-family:
208
+ Geist,
209
+ Inter,
210
+ system-ui,
211
+ -apple-system,
212
+ sans-serif;
213
+ --nc-type-display-wide-font-size: 64px;
214
+ --nc-type-display-wide-font-weight: 600;
215
+ --nc-type-display-wide-line-height: 64px;
216
+ --nc-type-display-wide-letter-spacing: -3.84px;
191
217
  --nc-type-display-lg-font-family:
192
218
  Geist,
193
219
  Inter,
194
220
  system-ui,
195
221
  -apple-system,
196
222
  sans-serif;
197
- --nc-type-display-lg-font-size: 52px;
198
- --nc-type-display-lg-font-weight: 500;
199
- --nc-type-display-lg-line-height: 54px;
200
- --nc-type-display-lg-letter-spacing: -1.5px;
223
+ --nc-type-display-lg-font-size: 56px;
224
+ --nc-type-display-lg-font-weight: 600;
225
+ --nc-type-display-lg-line-height: 56px;
226
+ --nc-type-display-lg-letter-spacing: -3.36px;
227
+ --nc-type-display-section-font-family:
228
+ Geist,
229
+ Inter,
230
+ system-ui,
231
+ -apple-system,
232
+ sans-serif;
233
+ --nc-type-display-section-font-size: 48px;
234
+ --nc-type-display-section-font-weight: 600;
235
+ --nc-type-display-section-line-height: 56px;
236
+ --nc-type-display-section-letter-spacing: -2.88px;
201
237
  --nc-type-display-md-font-family:
202
238
  Geist,
203
239
  Inter,
@@ -205,19 +241,19 @@
205
241
  -apple-system,
206
242
  sans-serif;
207
243
  --nc-type-display-md-font-size: 40px;
208
- --nc-type-display-md-font-weight: 500;
209
- --nc-type-display-md-line-height: 42px;
210
- --nc-type-display-md-letter-spacing: -1px;
244
+ --nc-type-display-md-font-weight: 600;
245
+ --nc-type-display-md-line-height: 48px;
246
+ --nc-type-display-md-letter-spacing: -2.4px;
211
247
  --nc-type-heading-lg-font-family:
212
248
  Geist,
213
249
  Inter,
214
250
  system-ui,
215
251
  -apple-system,
216
252
  sans-serif;
217
- --nc-type-heading-lg-font-size: 30px;
253
+ --nc-type-heading-lg-font-size: 32px;
218
254
  --nc-type-heading-lg-font-weight: 600;
219
- --nc-type-heading-lg-line-height: 32px;
220
- --nc-type-heading-lg-letter-spacing: 0px;
255
+ --nc-type-heading-lg-line-height: 40px;
256
+ --nc-type-heading-lg-letter-spacing: -1.28px;
221
257
  --nc-type-heading-md-font-family:
222
258
  Geist,
223
259
  Inter,
@@ -227,7 +263,7 @@
227
263
  --nc-type-heading-md-font-size: 24px;
228
264
  --nc-type-heading-md-font-weight: 600;
229
265
  --nc-type-heading-md-line-height: 32px;
230
- --nc-type-heading-md-letter-spacing: 0px;
266
+ --nc-type-heading-md-letter-spacing: -0.96px;
231
267
  --nc-type-heading-sm-font-family:
232
268
  Geist,
233
269
  Inter,
@@ -236,8 +272,171 @@
236
272
  sans-serif;
237
273
  --nc-type-heading-sm-font-size: 20px;
238
274
  --nc-type-heading-sm-font-weight: 600;
239
- --nc-type-heading-sm-line-height: 28px;
240
- --nc-type-heading-sm-letter-spacing: 0px;
275
+ --nc-type-heading-sm-line-height: 26px;
276
+ --nc-type-heading-sm-letter-spacing: -0.4px;
277
+ --nc-type-heading-xs-font-family:
278
+ Geist,
279
+ Inter,
280
+ system-ui,
281
+ -apple-system,
282
+ sans-serif;
283
+ --nc-type-heading-xs-font-size: 16px;
284
+ --nc-type-heading-xs-font-weight: 600;
285
+ --nc-type-heading-xs-line-height: 24px;
286
+ --nc-type-heading-xs-letter-spacing: -0.32px;
287
+ --nc-type-heading-compact-font-family:
288
+ Geist,
289
+ Inter,
290
+ system-ui,
291
+ -apple-system,
292
+ sans-serif;
293
+ --nc-type-heading-compact-font-size: 14px;
294
+ --nc-type-heading-compact-font-weight: 600;
295
+ --nc-type-heading-compact-line-height: 20px;
296
+ --nc-type-heading-compact-letter-spacing: -0.28px;
297
+ --nc-type-button-lg-font-family:
298
+ Geist,
299
+ Inter,
300
+ system-ui,
301
+ -apple-system,
302
+ sans-serif;
303
+ --nc-type-button-lg-font-size: 16px;
304
+ --nc-type-button-lg-font-weight: 500;
305
+ --nc-type-button-lg-line-height: 20px;
306
+ --nc-type-button-lg-letter-spacing: 0px;
307
+ --nc-type-button-font-family:
308
+ Geist,
309
+ Inter,
310
+ system-ui,
311
+ -apple-system,
312
+ sans-serif;
313
+ --nc-type-button-font-size: 14px;
314
+ --nc-type-button-font-weight: 500;
315
+ --nc-type-button-line-height: 20px;
316
+ --nc-type-button-letter-spacing: 0px;
317
+ --nc-type-button-xs-font-family:
318
+ Geist,
319
+ Inter,
320
+ system-ui,
321
+ -apple-system,
322
+ sans-serif;
323
+ --nc-type-button-xs-font-size: 12px;
324
+ --nc-type-button-xs-font-weight: 500;
325
+ --nc-type-button-xs-line-height: 16px;
326
+ --nc-type-button-xs-letter-spacing: 0px;
327
+ --nc-type-label-display-font-family:
328
+ Geist,
329
+ Inter,
330
+ system-ui,
331
+ -apple-system,
332
+ sans-serif;
333
+ --nc-type-label-display-font-size: 20px;
334
+ --nc-type-label-display-font-weight: 400;
335
+ --nc-type-label-display-line-height: 32px;
336
+ --nc-type-label-display-letter-spacing: 0px;
337
+ --nc-type-label-lg-font-family:
338
+ Geist,
339
+ Inter,
340
+ system-ui,
341
+ -apple-system,
342
+ sans-serif;
343
+ --nc-type-label-lg-font-size: 18px;
344
+ --nc-type-label-lg-font-weight: 400;
345
+ --nc-type-label-lg-line-height: 20px;
346
+ --nc-type-label-lg-letter-spacing: 0px;
347
+ --nc-type-label-md-font-family:
348
+ Geist,
349
+ Inter,
350
+ system-ui,
351
+ -apple-system,
352
+ sans-serif;
353
+ --nc-type-label-md-font-size: 16px;
354
+ --nc-type-label-md-font-weight: 400;
355
+ --nc-type-label-md-line-height: 20px;
356
+ --nc-type-label-md-letter-spacing: 0px;
357
+ --nc-type-label-font-family:
358
+ Geist,
359
+ Inter,
360
+ system-ui,
361
+ -apple-system,
362
+ sans-serif;
363
+ --nc-type-label-font-size: 14px;
364
+ --nc-type-label-font-weight: 400;
365
+ --nc-type-label-line-height: 20px;
366
+ --nc-type-label-letter-spacing: 0px;
367
+ --nc-type-label-sm-font-family:
368
+ Geist,
369
+ Inter,
370
+ system-ui,
371
+ -apple-system,
372
+ sans-serif;
373
+ --nc-type-label-sm-font-size: 13px;
374
+ --nc-type-label-sm-font-weight: 400;
375
+ --nc-type-label-sm-line-height: 16px;
376
+ --nc-type-label-sm-letter-spacing: 0px;
377
+ --nc-type-caption-font-family:
378
+ Geist,
379
+ Inter,
380
+ system-ui,
381
+ -apple-system,
382
+ sans-serif;
383
+ --nc-type-caption-font-size: 12px;
384
+ --nc-type-caption-font-weight: 400;
385
+ --nc-type-caption-line-height: 16px;
386
+ --nc-type-caption-letter-spacing: 0px;
387
+ --nc-type-label-mono-lg-font-family:
388
+ Geist Mono,
389
+ ui-monospace,
390
+ SFMono-Regular,
391
+ Menlo,
392
+ Monaco,
393
+ monospace;
394
+ --nc-type-label-mono-lg-font-size: 14px;
395
+ --nc-type-label-mono-lg-font-weight: 400;
396
+ --nc-type-label-mono-lg-line-height: 20px;
397
+ --nc-type-label-mono-lg-letter-spacing: 0px;
398
+ --nc-type-label-mono-md-font-family:
399
+ Geist Mono,
400
+ ui-monospace,
401
+ SFMono-Regular,
402
+ Menlo,
403
+ Monaco,
404
+ monospace;
405
+ --nc-type-label-mono-md-font-size: 13px;
406
+ --nc-type-label-mono-md-font-weight: 400;
407
+ --nc-type-label-mono-md-line-height: 20px;
408
+ --nc-type-label-mono-md-letter-spacing: 0px;
409
+ --nc-type-label-mono-font-family:
410
+ Geist Mono,
411
+ ui-monospace,
412
+ SFMono-Regular,
413
+ Menlo,
414
+ Monaco,
415
+ monospace;
416
+ --nc-type-label-mono-font-size: 12px;
417
+ --nc-type-label-mono-font-weight: 400;
418
+ --nc-type-label-mono-line-height: 16px;
419
+ --nc-type-label-mono-letter-spacing: 0px;
420
+ --nc-type-body-display-font-family:
421
+ Geist,
422
+ Inter,
423
+ system-ui,
424
+ -apple-system,
425
+ sans-serif;
426
+ --nc-type-body-display-font-size: 24px;
427
+ --nc-type-body-display-font-weight: 400;
428
+ --nc-type-body-display-line-height: 36px;
429
+ --nc-type-body-display-letter-spacing: 0px;
430
+ --nc-type-body-lead-font-family:
431
+ Geist,
432
+ Inter,
433
+ system-ui,
434
+ -apple-system,
435
+ sans-serif;
436
+ --nc-type-body-lead-font-size: 20px;
437
+ --nc-type-body-lead-font-weight: 400;
438
+ --nc-type-body-lead-line-height: 36px;
439
+ --nc-type-body-lead-letter-spacing: 0px;
241
440
  --nc-type-body-lg-font-family:
242
441
  Geist,
243
442
  Inter,
@@ -246,7 +445,7 @@
246
445
  sans-serif;
247
446
  --nc-type-body-lg-font-size: 18px;
248
447
  --nc-type-body-lg-font-weight: 400;
249
- --nc-type-body-lg-line-height: 27px;
448
+ --nc-type-body-lg-line-height: 28px;
250
449
  --nc-type-body-lg-letter-spacing: 0px;
251
450
  --nc-type-body-md-font-family:
252
451
  Geist,
@@ -256,7 +455,7 @@
256
455
  sans-serif;
257
456
  --nc-type-body-md-font-size: 16px;
258
457
  --nc-type-body-md-font-weight: 400;
259
- --nc-type-body-md-line-height: 25px;
458
+ --nc-type-body-md-line-height: 24px;
260
459
  --nc-type-body-md-letter-spacing: 0px;
261
460
  --nc-type-body-sm-font-family:
262
461
  Geist,
@@ -268,16 +467,16 @@
268
467
  --nc-type-body-sm-font-weight: 400;
269
468
  --nc-type-body-sm-line-height: 20px;
270
469
  --nc-type-body-sm-letter-spacing: 0px;
271
- --nc-type-caption-font-family:
470
+ --nc-type-body-compact-font-family:
272
471
  Geist,
273
472
  Inter,
274
473
  system-ui,
275
474
  -apple-system,
276
475
  sans-serif;
277
- --nc-type-caption-font-size: 12px;
278
- --nc-type-caption-font-weight: 400;
279
- --nc-type-caption-line-height: 16px;
280
- --nc-type-caption-letter-spacing: 0px;
476
+ --nc-type-body-compact-font-size: 13px;
477
+ --nc-type-body-compact-font-weight: 400;
478
+ --nc-type-body-compact-line-height: 18px;
479
+ --nc-type-body-compact-letter-spacing: 0px;
281
480
  --nc-type-code-font-family:
282
481
  Geist Mono,
283
482
  ui-monospace,
@@ -287,38 +486,34 @@
287
486
  monospace;
288
487
  --nc-type-code-font-size: 13px;
289
488
  --nc-type-code-font-weight: 400;
290
- --nc-type-code-line-height: 20px;
489
+ --nc-type-code-line-height: 18px;
291
490
  --nc-type-code-letter-spacing: 0px;
292
- --nc-type-label-mono-font-family:
293
- Geist Mono,
294
- ui-monospace,
295
- SFMono-Regular,
296
- Menlo,
297
- Monaco,
298
- monospace;
299
- --nc-type-label-mono-font-size: 12px;
300
- --nc-type-label-mono-font-weight: 500;
301
- --nc-type-label-mono-line-height: 16px;
302
- --nc-type-label-mono-letter-spacing: 0px;
303
491
  --nc-material-scrim-opacity: 50%;
304
492
  --nc-material-glass-opacity: 60%;
305
493
  --nc-material-glass-saturation: 180%;
306
494
  --nc-material-glass-blur: 20px;
307
- --nc-elevation-resting: 0px 2px 2px 0px rgb(0% 0% 0% / 0.04), 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
495
+ --nc-material-glass-highlight: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.18);
496
+ --nc-elevation-resting:
497
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
498
+ 0px 2px 2px 0px rgb(0% 0% 0% / 0.04),
499
+ 0px 0px 0px 1px rgb(100% 100% 100%);
308
500
  --nc-elevation-raised:
501
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
309
502
  0px 2px 2px 0px rgb(0% 0% 0% / 0.04),
310
503
  0px 8px 8px -8px rgb(0% 0% 0% / 0.04),
311
- 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
504
+ 0px 0px 0px 1px rgb(100% 100% 100%);
312
505
  --nc-elevation-floating:
506
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
313
507
  0px 1px 1px 0px rgb(0% 0% 0% / 0.02),
314
508
  0px 4px 8px -4px rgb(0% 0% 0% / 0.04),
315
509
  0px 16px 24px -8px rgb(0% 0% 0% / 0.06),
316
- 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
510
+ 0px 0px 0px 1px rgb(100% 100% 100%);
317
511
  --nc-elevation-modal:
512
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
318
513
  0px 1px 1px 0px rgb(0% 0% 0% / 0.02),
319
514
  0px 8px 16px -4px rgb(0% 0% 0% / 0.04),
320
515
  0px 24px 32px -8px rgb(0% 0% 0% / 0.06),
321
- 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
516
+ 0px 0px 0px 1px rgb(100% 100% 100%);
322
517
  --nc-duration-control: 100ms;
323
518
  --nc-duration-close: 140ms;
324
519
  --nc-duration-confirm: 180ms;
@@ -394,19 +589,31 @@
394
589
  --nc-chart-4: var(--nc-dark-chart-4);
395
590
  --nc-chart-5: var(--nc-dark-chart-5);
396
591
  --nc-chart-6: var(--nc-dark-chart-6);
397
- --nc-elevation-resting: 0px 1px 2px 0px rgb(0% 0% 0% / 0.16), 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);
592
+ --nc-category-teal-soft: var(--nc-dark-category-teal-soft);
593
+ --nc-category-teal-deep: var(--nc-dark-category-teal-deep);
594
+ --nc-category-purple-soft: var(--nc-dark-category-purple-soft);
595
+ --nc-category-purple-deep: var(--nc-dark-category-purple-deep);
596
+ --nc-category-pink-soft: var(--nc-dark-category-pink-soft);
597
+ --nc-category-pink-deep: var(--nc-dark-category-pink-deep);
598
+ --nc-elevation-resting:
599
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
600
+ 0px 1px 2px 0px rgb(0% 0% 0% / 0.16),
601
+ 0px 0px 0px 1px rgb(0% 0% 0%);
398
602
  --nc-elevation-raised:
603
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
399
604
  0px 2px 2px 0px rgb(0% 0% 0% / 0.2),
400
605
  0px 8px 8px -8px rgb(0% 0% 0% / 0.3),
401
- 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);
606
+ 0px 0px 0px 1px rgb(0% 0% 0%);
402
607
  --nc-elevation-floating:
608
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
403
609
  0px 4px 8px -4px rgb(0% 0% 0% / 0.4),
404
610
  0px 16px 24px -8px rgb(0% 0% 0% / 0.5),
405
- 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);
611
+ 0px 0px 0px 1px rgb(0% 0% 0%);
406
612
  --nc-elevation-modal:
613
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
407
614
  0px 8px 16px -4px rgb(0% 0% 0% / 0.4),
408
615
  0px 24px 32px -8px rgb(0% 0% 0% / 0.55),
409
- 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);
616
+ 0px 0px 0px 1px rgb(0% 0% 0%);
410
617
  }
411
618
  }
412
619