@vireo-ai/trellis-ui 0.1.29 → 0.1.31

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 (96) hide show
  1. package/package.json +2 -2
  2. package/packages/client/src/components/field/styles.css +71 -0
  3. package/packages/client/src/components/file-upload/styles.css +68 -0
  4. package/packages/client/src/components/select/styles.css +4 -0
  5. package/packages/client/src/components/tabs/styles.css +73 -0
  6. package/packages/client/src/components/toast/styles.css +65 -0
  7. package/packages/client/src/styles/components.css +15 -4
  8. package/packages/client/src/styles/generated/theme-fonts.css +1 -1
  9. package/packages/client/src/styles/generated/theme-palette.css +77 -1462
  10. package/packages/client/src/styles/generated/theme-runtime.css +1 -1393
  11. package/packages/client/src/styles/generated-sources.css +1 -1
  12. package/packages/client/src/styles/recipes/action.css +85 -0
  13. package/packages/client/src/styles/recipes/disabled.css +16 -0
  14. package/packages/client/src/styles/recipes/intent.css +101 -0
  15. package/packages/client/src/styles/recipes/option.css +123 -0
  16. package/packages/client/src/styles/recipes/selection.css +78 -0
  17. package/packages/client/src/styles/theme.css +0 -729
  18. package/packages/client/types/styles/tailwind-candidates.d.ts +1 -0
  19. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +469 -3263
  20. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  21. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +258 -258
  22. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +1 -1
  23. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
  24. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{alpine-machine-D0Kqjm-1.js → alpine-machine-BS13dbK4.js} +2 -2
  25. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{alpine-machine-D0Kqjm-1.js.map → alpine-machine-BS13dbK4.js.map} +1 -1
  26. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-Cog7tKk0.js → capability-motion-wMoceguq.js} +2 -2
  27. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-Cog7tKk0.js.map → capability-motion-wMoceguq.js.map} +1 -1
  28. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-sortable-k107A8WE.js → capability-sortable-BurX5yRd.js} +2 -2
  29. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BurX5yRd.js.map +1 -0
  30. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{core-vW9Cglw8.js → core-BuKz1uWk.js} +2 -2
  31. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{core-vW9Cglw8.js.map → core-BuKz1uWk.js.map} +1 -1
  32. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-JnbQA47P.js → entry.generated-9sxiaVVI.js} +2 -2
  33. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-JnbQA47P.js.map → entry.generated-9sxiaVVI.js.map} +1 -1
  34. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BJ0fQYT1.js +2 -0
  35. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BJ0fQYT1.js.map +1 -0
  36. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DVPnOfPb.js → entry.generated-BehM6Hle.js} +2 -2
  37. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DVPnOfPb.js.map → entry.generated-BehM6Hle.js.map} +1 -1
  38. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CGgRCeB5.js → entry.generated-BuXeU4zt.js} +2 -2
  39. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CGgRCeB5.js.map → entry.generated-BuXeU4zt.js.map} +1 -1
  40. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Bhvs_TUM.js → entry.generated-C-MH09sf.js} +2 -2
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Bhvs_TUM.js.map → entry.generated-C-MH09sf.js.map} +1 -1
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DFITIl56.js → entry.generated-C5Bueyfb.js} +2 -2
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DFITIl56.js.map → entry.generated-C5Bueyfb.js.map} +1 -1
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Bbm6qhVl.js → entry.generated-CCka3fIO.js} +2 -2
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Bbm6qhVl.js.map → entry.generated-CCka3fIO.js.map} +1 -1
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DMre0DbH.js → entry.generated-CSxEK8G9.js} +2 -2
  47. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DMre0DbH.js.map → entry.generated-CSxEK8G9.js.map} +1 -1
  48. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DiG5fS1F.js → entry.generated-CoJxfxlc.js} +2 -2
  49. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DiG5fS1F.js.map → entry.generated-CoJxfxlc.js.map} +1 -1
  50. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-dTc38DPe.js → entry.generated-D6cdmqiV.js} +2 -2
  51. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-dTc38DPe.js.map → entry.generated-D6cdmqiV.js.map} +1 -1
  52. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cvgc61x9.js → entry.generated-DBSwLHmm.js} +2 -2
  53. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cvgc61x9.js.map → entry.generated-DBSwLHmm.js.map} +1 -1
  54. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DnSxEcns.js → entry.generated-DEiL4FhC.js} +2 -2
  55. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DnSxEcns.js.map → entry.generated-DEiL4FhC.js.map} +1 -1
  56. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BgnZZd0A.js → entry.generated-DRqap77P.js} +2 -2
  57. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BgnZZd0A.js.map → entry.generated-DRqap77P.js.map} +1 -1
  58. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DT70Lo44.js → entry.generated-Dzw2Rg5F.js} +2 -2
  59. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DT70Lo44.js.map → entry.generated-Dzw2Rg5F.js.map} +1 -1
  60. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-byAFfb_v.js → entry.generated-EtCfrZfr.js} +2 -2
  61. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-byAFfb_v.js.map → entry.generated-EtCfrZfr.js.map} +1 -1
  62. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CgO0b8V6.js → entry.generated-cMueWbY7.js} +2 -2
  63. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CgO0b8V6.js.map → entry.generated-cMueWbY7.js.map} +1 -1
  64. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-eVXGqjCM.js +2 -0
  65. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DMK37KS0.js.map → entry.generated-eVXGqjCM.js.map} +1 -1
  66. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{semantic-observer-DS2ew4dT.js → semantic-observer-BUswpsNx.js} +2 -2
  67. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{semantic-observer-DS2ew4dT.js.map → semantic-observer-BUswpsNx.js.map} +1 -1
  68. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{stream-uyKKe0QF.js → stream-pMBGbBZH.js} +2 -2
  69. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{stream-uyKKe0QF.js.map → stream-pMBGbBZH.js.map} +1 -1
  70. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
  71. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
  72. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
  73. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
  74. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/field.js +1 -1
  75. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/file-upload.js +1 -1
  76. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
  77. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/input.js +1 -1
  78. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
  79. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
  80. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/radio.js +1 -1
  81. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/scroll-area.js +1 -1
  82. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
  83. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
  84. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/slider.js +1 -1
  85. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/switch.js +1 -1
  86. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
  87. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
  88. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/core.js +1 -1
  89. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
  90. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +109 -109
  91. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +8 -8
  92. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +8 -8
  93. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-k107A8WE.js.map +0 -1
  94. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DMK37KS0.js +0 -2
  95. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DOV8BDMY.js +0 -2
  96. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DOV8BDMY.js.map +0 -1
package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css CHANGED
@@ -8,6 +8,11 @@
8
8
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
9
9
  --font-mono: "Fira Code", ui-monospace, monospace;
10
10
  --spacing: 0.25rem;
11
+ --breakpoint-sm: 640px;
12
+ --breakpoint-md: 768px;
13
+ --breakpoint-lg: 1024px;
14
+ --breakpoint-xl: 1280px;
15
+ --breakpoint-2xl: 1536px;
11
16
  --container-xs: 320px;
12
17
  --container-sm: 384px;
13
18
  --container-md: 448px;
@@ -1435,9 +1440,6 @@
1435
1440
  .max-h-prose {
1436
1441
  max-height: 65ch;
1437
1442
  }
1438
- .max-h-select-listbox {
1439
- max-height: var(--spacing-select-listbox);
1440
- }
1441
1443
  .max-h-sm {
1442
1444
  max-height: var(--container-sm);
1443
1445
  }
@@ -5425,819 +5427,33 @@
5425
5427
  }
5426
5428
  }
5427
5429
  }
5428
- :root, .light {
5429
- --breakpoint-sm: 640px;
5430
- --breakpoint-md: 768px;
5431
- --breakpoint-lg: 1024px;
5432
- --breakpoint-xl: 1280px;
5433
- --breakpoint-2xl: 1536px;
5434
- --border-width-0: 0px;
5435
- --border-width-1: 1px;
5436
- --border-width-2: 2px;
5437
- --border-width-3: 4px;
5438
- --border-width-edge-perimeter: var(--border-width-1);
5439
- --border-width-edge-control: var(--border-width-1);
5440
- --border-width-edge-separator: var(--border-width-1);
5441
- --border-width-edge-divider: var(--border-width-1);
5442
- --radius-1: 1px;
5443
- --radius-2: 2.5px;
5444
- --radius-3: 4px;
5445
- --radius-4: 6px;
5446
- --radius-5: 8px;
5447
- --radius-6: 10.5px;
5448
- --radius-control: var(--radius-3);
5449
- --radius-control-xs: var(--radius-1);
5450
- --radius-control-sm: var(--radius-2);
5451
- --radius-control-md: var(--radius-3);
5452
- --radius-control-lg: var(--radius-4);
5453
- --radius-surface: var(--radius-4);
5454
- --radius-surface-xs: var(--radius-2);
5455
- --radius-surface-sm: var(--radius-3);
5456
- --radius-surface-md: var(--radius-4);
5457
- --radius-surface-lg: var(--radius-5);
5458
- --radius-overlay: var(--radius-5);
5459
- --radius-overlay-xs: var(--radius-3);
5460
- --radius-overlay-sm: var(--radius-4);
5461
- --radius-overlay-md: var(--radius-5);
5462
- --radius-overlay-lg: var(--radius-6);
5463
- --radius-none: 0px;
5464
- --radius-full: 9999px;
5465
- --radius-circle: 50%;
5466
- --spacing-0: 0px;
5467
- --spacing-0\.5: 2px;
5468
- --spacing-1: 4px;
5469
- --spacing-1\.5: 6px;
5470
- --spacing-2: 8px;
5471
- --spacing-2\.5: 10px;
5472
- --spacing-3: 12px;
5473
- --spacing-3\.5: 14px;
5474
- --spacing-4: 16px;
5475
- --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
5476
- --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
5477
- --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
5478
- --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
5479
- --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
5480
- --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
5481
- --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
5482
- --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
5483
- --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
5484
- --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
5485
- --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
5486
- --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
5487
- --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
5488
- --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
5489
- --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
5490
- --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
5491
- --spacing-control-gap: var(--spacing-2);
5492
- --spacing-control-padding-xs: var(--spacing-2);
5493
- --spacing-control-padding-sm: var(--spacing-2);
5494
- --spacing-control-padding-md: var(--spacing-3);
5495
- --spacing-control-padding-lg: var(--spacing-3);
5496
- --spacing-control-padding-xlg: var(--spacing-4);
5497
- --spacing-badge-padding-xs: var(--spacing-1\.5);
5498
- --spacing-badge-padding-sm: var(--spacing-2);
5499
- --spacing-badge-padding-md: var(--spacing-2\.5);
5500
- --spacing-badge-padding-lg: var(--spacing-3);
5501
- --spacing-badge-padding-xlg: var(--spacing-4);
5502
- --spacing-popover-padding: var(--spacing-1\.5);
5503
- --spacing-menu-item-padding-inline: var(--spacing-2\.5);
5504
- --spacing-app-region-gap: var(--spacing-2);
5505
- --spacing-app-region-padding-inline: var(--spacing-4);
5506
- --spacing-app-region-padding-block: var(--spacing-3);
5507
- --spacing-sidebar-header-gap: var(--spacing-2);
5508
- --spacing-sidebar-header-padding-inline: var(--spacing-3);
5509
- --spacing-sidebar-header-padding-block: var(--spacing-2);
5510
- --spacing-sidebar-content-gap: var(--spacing-1);
5511
- --spacing-sidebar-content-padding-inline: var(--spacing-2);
5512
- --spacing-sidebar-content-padding-block: var(--spacing-2);
5513
- --font-mono: "Fira Code", ui-monospace, monospace;
5514
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
5515
- --text-1: 12px;
5516
- --text-1--line-height: 16px;
5517
- --text-1--letter-spacing: 0em;
5518
- --leading-type-1: var(--text-1--line-height);
5519
- --tracking-type-1: var(--text-1--letter-spacing);
5520
- --text-xs: var(--text-1);
5521
- --text-xs--line-height: var(--text-1--line-height);
5522
- --text-xs--letter-spacing: var(--text-1--letter-spacing);
5523
- --text-2: 14px;
5524
- --text-2--line-height: 20px;
5525
- --text-2--letter-spacing: 0em;
5526
- --leading-type-2: var(--text-2--line-height);
5527
- --tracking-type-2: var(--text-2--letter-spacing);
5528
- --text-sm: var(--text-2);
5529
- --text-sm--line-height: var(--text-2--line-height);
5530
- --text-sm--letter-spacing: var(--text-2--letter-spacing);
5531
- --text-3: 16px;
5532
- --text-3--line-height: 24px;
5533
- --text-3--letter-spacing: 0em;
5534
- --leading-type-3: var(--text-3--line-height);
5535
- --tracking-type-3: var(--text-3--letter-spacing);
5536
- --text-base: var(--text-3);
5537
- --text-base--line-height: var(--text-3--line-height);
5538
- --text-base--letter-spacing: var(--text-3--letter-spacing);
5539
- --text-4: 18px;
5540
- --text-4--line-height: 26px;
5541
- --text-4--letter-spacing: 0em;
5542
- --leading-type-4: var(--text-4--line-height);
5543
- --tracking-type-4: var(--text-4--letter-spacing);
5544
- --text-lg: var(--text-4);
5545
- --text-lg--line-height: var(--text-4--line-height);
5546
- --text-lg--letter-spacing: var(--text-4--letter-spacing);
5547
- --text-5: 20px;
5548
- --text-5--line-height: 28px;
5549
- --text-5--letter-spacing: 0em;
5550
- --leading-type-5: var(--text-5--line-height);
5551
- --tracking-type-5: var(--text-5--letter-spacing);
5552
- --text-xl: var(--text-5);
5553
- --text-xl--line-height: var(--text-5--line-height);
5554
- --text-xl--letter-spacing: var(--text-5--letter-spacing);
5555
- --text-6: 30px;
5556
- --text-6--line-height: 38px;
5557
- --text-6--letter-spacing: -0.01em;
5558
- --leading-type-6: var(--text-6--line-height);
5559
- --tracking-type-6: var(--text-6--letter-spacing);
5560
- --text-2xl: var(--text-6);
5561
- --text-2xl--line-height: var(--text-6--line-height);
5562
- --text-2xl--letter-spacing: var(--text-6--letter-spacing);
5563
- --text-7: 36px;
5564
- --text-7--line-height: 44px;
5565
- --text-7--letter-spacing: -0.015em;
5566
- --leading-type-7: var(--text-7--line-height);
5567
- --tracking-type-7: var(--text-7--letter-spacing);
5568
- --text-3xl: var(--text-7);
5569
- --text-3xl--line-height: var(--text-7--line-height);
5570
- --text-3xl--letter-spacing: var(--text-7--letter-spacing);
5571
- --text-8: 48px;
5572
- --text-8--line-height: 56px;
5573
- --text-8--letter-spacing: -0.02em;
5574
- --leading-type-8: var(--text-8--line-height);
5575
- --tracking-type-8: var(--text-8--letter-spacing);
5576
- --text-4xl: var(--text-8);
5577
- --text-4xl--line-height: var(--text-8--line-height);
5578
- --text-4xl--letter-spacing: var(--text-8--letter-spacing);
5579
- --text-9: 60px;
5580
- --text-9--line-height: 64px;
5581
- --text-9--letter-spacing: -0.025em;
5582
- --leading-type-9: var(--text-9--line-height);
5583
- --tracking-type-9: var(--text-9--letter-spacing);
5584
- --text-5xl: var(--text-9);
5585
- --text-5xl--line-height: var(--text-9--line-height);
5586
- --text-5xl--letter-spacing: var(--text-9--letter-spacing);
5587
- --text-10: 72px;
5588
- --text-10--line-height: 76px;
5589
- --text-10--letter-spacing: -0.03em;
5590
- --leading-type-10: var(--text-10--line-height);
5591
- --tracking-type-10: var(--text-10--letter-spacing);
5592
- --text-6xl: var(--text-10);
5593
- --text-6xl--line-height: var(--text-10--line-height);
5594
- --text-6xl--letter-spacing: var(--text-10--letter-spacing);
5595
- --text-11: 84px;
5596
- --text-11--line-height: 88px;
5597
- --text-11--letter-spacing: -0.035em;
5598
- --leading-type-11: var(--text-11--line-height);
5599
- --tracking-type-11: var(--text-11--letter-spacing);
5600
- --text-7xl: var(--text-11);
5601
- --text-7xl--line-height: var(--text-11--line-height);
5602
- --text-7xl--letter-spacing: var(--text-11--letter-spacing);
5603
- --text-12: 96px;
5604
- --text-12--line-height: 100px;
5605
- --text-12--letter-spacing: -0.04em;
5606
- --leading-type-12: var(--text-12--line-height);
5607
- --tracking-type-12: var(--text-12--letter-spacing);
5608
- --text-8xl: var(--text-12);
5609
- --text-8xl--line-height: var(--text-12--line-height);
5610
- --text-8xl--letter-spacing: var(--text-12--letter-spacing);
5611
- --text-13: 128px;
5612
- --text-13--line-height: 132px;
5613
- --text-13--letter-spacing: -0.045em;
5614
- --leading-type-13: var(--text-13--line-height);
5615
- --tracking-type-13: var(--text-13--letter-spacing);
5616
- --text-9xl: var(--text-13);
5617
- --text-9xl--line-height: var(--text-13--line-height);
5618
- --text-9xl--letter-spacing: var(--text-13--letter-spacing);
5619
- --font-weight-normal: 400;
5620
- --font-weight-medium: 500;
5621
- --font-weight-semibold: 600;
5622
- --font-weight-bold: 700;
5623
- --label-ink-emphasis: 35%;
5624
- --text-body: var(--text-2);
5625
- --text-body--line-height: var(--text-2--line-height);
5626
- --text-body--letter-spacing: var(--text-2--letter-spacing);
5627
- --font-body: var(--font-sans);
5628
- --font-weight-body: var(--font-weight-normal);
5629
- --text-heading: var(--text-2);
5630
- --text-heading--line-height: var(--text-2--line-height);
5631
- --text-heading--letter-spacing: var(--text-2--letter-spacing);
5632
- --font-heading: var(--font-sans);
5633
- --font-weight-heading: var(--font-weight-medium);
5634
- --text-code: var(--text-2);
5635
- --text-code--line-height: var(--text-2--line-height);
5636
- --text-code--letter-spacing: var(--text-2--letter-spacing);
5637
- --font-code: var(--font-mono);
5638
- --font-weight-code: var(--font-weight-normal);
5639
- --text-control-xs: var(--text-1);
5640
- --text-control-xs--line-height: var(--text-1--line-height);
5641
- --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
5642
- --font-control: var(--font-sans);
5643
- --font-weight-control-xs: var(--font-weight-normal);
5644
- --text-control-sm: var(--text-1);
5645
- --text-control-sm--line-height: var(--text-1--line-height);
5646
- --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
5647
- --font-weight-control-sm: var(--font-weight-normal);
5648
- --text-control-md: var(--text-2);
5649
- --text-control-md--line-height: var(--text-2--line-height);
5650
- --text-control-md--letter-spacing: var(--text-2--letter-spacing);
5651
- --font-weight-control-md: var(--font-weight-normal);
5652
- --text-control-lg: var(--text-2);
5653
- --text-control-lg--line-height: var(--text-2--line-height);
5654
- --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
5655
- --font-weight-control-lg: var(--font-weight-normal);
5656
- --text-control-xlg: var(--text-2);
5657
- --text-control-xlg--line-height: var(--text-2--line-height);
5658
- --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
5659
- --font-weight-control-xlg: var(--font-weight-normal);
5660
- --text-badge-xs: var(--text-1);
5661
- --text-badge-xs--line-height: var(--text-1--line-height);
5662
- --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
5663
- --font-badge: var(--font-sans);
5664
- --font-weight-badge-xs: var(--font-weight-medium);
5665
- --text-badge-sm: var(--text-1);
5666
- --text-badge-sm--line-height: var(--text-1--line-height);
5667
- --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
5668
- --font-weight-badge-sm: var(--font-weight-medium);
5669
- --text-badge-md: var(--text-2);
5670
- --text-badge-md--line-height: var(--text-2--line-height);
5671
- --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
5672
- --font-weight-badge-md: var(--font-weight-medium);
5673
- --text-badge-lg: var(--text-2);
5674
- --text-badge-lg--line-height: var(--text-2--line-height);
5675
- --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
5676
- --font-weight-badge-lg: var(--font-weight-medium);
5677
- --text-badge-xlg: var(--text-2);
5678
- --text-badge-xlg--line-height: var(--text-2--line-height);
5679
- --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
5680
- --font-weight-badge-xlg: var(--font-weight-medium);
5681
- --text-label: var(--text-2);
5682
- --text-label--line-height: var(--text-2--line-height);
5683
- --text-label--letter-spacing: var(--text-2--letter-spacing);
5684
- --font-label: var(--font-sans);
5685
- --font-weight-label: var(--font-weight-normal);
5686
- --text-description: var(--text-2);
5687
- --text-description--line-height: var(--text-2--line-height);
5688
- --text-description--letter-spacing: var(--text-2--letter-spacing);
5689
- --font-description: var(--font-sans);
5690
- --font-weight-description: var(--font-weight-normal);
5691
- --text-metadata: var(--text-1);
5692
- --text-metadata--line-height: var(--text-1--line-height);
5693
- --text-metadata--letter-spacing: var(--text-1--letter-spacing);
5694
- --font-metadata: var(--font-sans);
5695
- --font-weight-metadata: var(--font-weight-normal);
5696
- --text-menu-item: var(--text-2);
5697
- --text-menu-item--line-height: var(--text-2--line-height);
5698
- --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
5699
- --font-menu-item: var(--font-sans);
5700
- --font-weight-menu-item: var(--font-weight-normal);
5701
- --spacing-control-xs: 20px;
5702
- --spacing-control-sm: 24px;
5703
- --spacing-control-md: 28px;
5704
- --spacing-control-lg: 32px;
5705
- --spacing-control-xlg: 36px;
5706
- --spacing-control-multiline-xs: 32px;
5707
- --spacing-control-multiline-sm: 36px;
5708
- --spacing-control-multiline-md: 48px;
5709
- --spacing-control-multiline-lg: 80px;
5710
- --spacing-control-multiline-xlg: 96px;
5711
- --spacing-icon-xs: 12px;
5712
- --spacing-icon-sm: 14px;
5713
- --spacing-icon-md: 14px;
5714
- --spacing-icon-lg: 16px;
5715
- --spacing-icon-xlg: 20px;
5716
- --spacing-brand-logo-xs: 16px;
5717
- --spacing-brand-logo-sm: 20px;
5718
- --spacing-brand-logo-md: 24px;
5719
- --spacing-brand-logo-lg: 24px;
5720
- --spacing-brand-logo-xlg: 32px;
5721
- --spacing-badge-close-xs: 16px;
5722
- --spacing-badge-close-sm: 16px;
5723
- --spacing-badge-close-md: 20px;
5724
- --spacing-badge-close-lg: 20px;
5725
- --spacing-badge-close-xlg: 24px;
5726
- --spacing-checkbox-indicator-xs: 12px;
5727
- --spacing-checkbox-indicator-sm: 14px;
5728
- --spacing-checkbox-indicator-md: 16px;
5729
- --spacing-checkbox-indicator-lg: 16px;
5730
- --spacing-checkbox-indicator-xlg: 20px;
5731
- --spacing-radio-indicator-xs: 12px;
5732
- --spacing-radio-indicator-sm: 14px;
5733
- --spacing-radio-indicator-md: 16px;
5734
- --spacing-radio-indicator-lg: 16px;
5735
- --spacing-radio-indicator-xlg: 20px;
5736
- --spacing-radio-dot-xs: 4px;
5737
- --spacing-radio-dot-sm: 6px;
5738
- --spacing-radio-dot-md: 6px;
5739
- --spacing-radio-dot-lg: 8px;
5740
- --spacing-radio-dot-xlg: 10px;
5741
- --spacing-switch-track-width-xs: 24px;
5742
- --spacing-switch-track-width-sm: 28px;
5743
- --spacing-switch-track-width-md: 36px;
5744
- --spacing-switch-track-width-lg: 44px;
5745
- --spacing-switch-track-width-xlg: 56px;
5746
- --spacing-switch-track-height-xs: 14px;
5747
- --spacing-switch-track-height-sm: 16px;
5748
- --spacing-switch-track-height-md: 20px;
5749
- --spacing-switch-track-height-lg: 24px;
5750
- --spacing-switch-track-height-xlg: 28px;
5751
- --spacing-switch-thumb-xs: 10px;
5752
- --spacing-switch-thumb-sm: 12px;
5753
- --spacing-switch-thumb-md: 16px;
5754
- --spacing-switch-thumb-lg: 20px;
5755
- --spacing-switch-thumb-xlg: 24px;
5756
- --spacing-switch-inset: 2px;
5757
- --spacing-switch-travel-xs: 10px;
5758
- --spacing-switch-travel-sm: 12px;
5759
- --spacing-switch-travel-md: 16px;
5760
- --spacing-switch-travel-lg: 20px;
5761
- --spacing-switch-travel-xlg: 28px;
5762
- --spacing-slider-track-xs: 4px;
5763
- --spacing-slider-track-sm: 4px;
5764
- --spacing-slider-track-md: 6px;
5765
- --spacing-slider-track-lg: 6px;
5766
- --spacing-slider-track-xlg: 8px;
5767
- --spacing-slider-thumb-xs: 12px;
5768
- --spacing-slider-thumb-sm: 14px;
5769
- --spacing-slider-thumb-md: 16px;
5770
- --spacing-slider-thumb-lg: 18px;
5771
- --spacing-slider-thumb-xlg: 20px;
5772
- --spacing-scrollbar: 6px;
5773
- --spacing-scrollbar-inset: 2px;
5774
- --spacing-menu-item: var(--spacing-control-lg);
5775
- --spacing-select-listbox: 256px;
5776
- --spacing-panel-collapsed: 48px;
5777
- --spacing-panel-resize-handle: 8px;
5778
- --spacing-panel-resize-handle-coarse: 24px;
5779
- --spacing-sidebar-width: 256px;
5780
- --spacing-sidebar-drawer-width: 288px;
5781
- --spacing-sidebar-min-width: 192px;
5782
- --spacing-sidebar-max-width: 448px;
5783
- --spacing-sidebar-min-height: 48px;
5784
- --spacing-sidebar-max-height: 288px;
5785
- --container-xs: 320px;
5786
- --container-sm: 384px;
5787
- --container-md: 448px;
5788
- --container-lg: 512px;
5789
- --container-xl: 576px;
5790
- --container-2xl: 672px;
5791
- --container-3xl: 768px;
5792
- --container-4xl: 896px;
5793
- --container-5xl: 1024px;
5794
- --container-6xl: 1152px;
5795
- --container-7xl: 1280px;
5796
- --container-modal-sm: 384px;
5797
- --container-modal-md: 512px;
5798
- --container-modal-lg: 672px;
5799
- --container-modal-xl: 896px;
5800
- --spacing-panel-1-min: 160px;
5801
- --spacing-panel-1: 192px;
5802
- --spacing-panel-1-max: 240px;
5803
- --spacing-panel-2-min: 192px;
5804
- --spacing-panel-2: 240px;
5805
- --spacing-panel-2-max: 288px;
5806
- --spacing-panel-3-min: 240px;
5807
- --spacing-panel-3: 320px;
5808
- --spacing-panel-3-max: 384px;
5809
- --spacing-panel-4-min: 288px;
5810
- --spacing-panel-4: 384px;
5811
- --spacing-panel-4-max: 480px;
5812
- --spacing-panel-5-min: 320px;
5813
- --spacing-panel-5: 480px;
5814
- --spacing-panel-5-max: 640px;
5815
- --spacing-panel-6-min: 384px;
5816
- --spacing-panel-6: 640px;
5817
- --spacing-panel-6-max: 768px;
5818
- --spacing-icon: var(--spacing-icon-md);
5819
- --container-prose: 65ch;
5820
- }
5821
- .dark {
5822
- --breakpoint-sm: 640px;
5823
- --breakpoint-md: 768px;
5824
- --breakpoint-lg: 1024px;
5825
- --breakpoint-xl: 1280px;
5826
- --breakpoint-2xl: 1536px;
5827
- --border-width-0: 0px;
5828
- --border-width-1: 1px;
5829
- --border-width-2: 2px;
5830
- --border-width-3: 4px;
5831
- --border-width-edge-perimeter: var(--border-width-1);
5832
- --border-width-edge-control: var(--border-width-1);
5833
- --border-width-edge-separator: var(--border-width-1);
5834
- --border-width-edge-divider: var(--border-width-1);
5835
- --radius-1: 1px;
5836
- --radius-2: 2.5px;
5837
- --radius-3: 4px;
5838
- --radius-4: 6px;
5839
- --radius-5: 8px;
5840
- --radius-6: 10.5px;
5841
- --radius-control: var(--radius-3);
5842
- --radius-control-xs: var(--radius-1);
5843
- --radius-control-sm: var(--radius-2);
5844
- --radius-control-md: var(--radius-3);
5845
- --radius-control-lg: var(--radius-4);
5846
- --radius-surface: var(--radius-4);
5847
- --radius-surface-xs: var(--radius-2);
5848
- --radius-surface-sm: var(--radius-3);
5849
- --radius-surface-md: var(--radius-4);
5850
- --radius-surface-lg: var(--radius-5);
5851
- --radius-overlay: var(--radius-5);
5852
- --radius-overlay-xs: var(--radius-3);
5853
- --radius-overlay-sm: var(--radius-4);
5854
- --radius-overlay-md: var(--radius-5);
5855
- --radius-overlay-lg: var(--radius-6);
5856
- --radius-none: 0px;
5857
- --radius-full: 9999px;
5858
- --radius-circle: 50%;
5859
- --spacing-0: 0px;
5860
- --spacing-0\.5: 2px;
5861
- --spacing-1: 4px;
5862
- --spacing-1\.5: 6px;
5863
- --spacing-2: 8px;
5864
- --spacing-2\.5: 10px;
5865
- --spacing-3: 12px;
5866
- --spacing-3\.5: 14px;
5867
- --spacing-4: 16px;
5868
- --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
5869
- --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
5870
- --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
5871
- --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
5872
- --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
5873
- --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
5874
- --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
5875
- --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
5876
- --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
5877
- --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
5878
- --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
5879
- --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
5880
- --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
5881
- --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
5882
- --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
5883
- --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
5884
- --spacing-control-gap: var(--spacing-2);
5885
- --spacing-control-padding-xs: var(--spacing-2);
5886
- --spacing-control-padding-sm: var(--spacing-2);
5887
- --spacing-control-padding-md: var(--spacing-3);
5888
- --spacing-control-padding-lg: var(--spacing-3);
5889
- --spacing-control-padding-xlg: var(--spacing-4);
5890
- --spacing-badge-padding-xs: var(--spacing-1\.5);
5891
- --spacing-badge-padding-sm: var(--spacing-2);
5892
- --spacing-badge-padding-md: var(--spacing-2\.5);
5893
- --spacing-badge-padding-lg: var(--spacing-3);
5894
- --spacing-badge-padding-xlg: var(--spacing-4);
5895
- --spacing-popover-padding: var(--spacing-1\.5);
5896
- --spacing-menu-item-padding-inline: var(--spacing-2\.5);
5897
- --spacing-app-region-gap: var(--spacing-2);
5898
- --spacing-app-region-padding-inline: var(--spacing-4);
5899
- --spacing-app-region-padding-block: var(--spacing-3);
5900
- --spacing-sidebar-header-gap: var(--spacing-2);
5901
- --spacing-sidebar-header-padding-inline: var(--spacing-3);
5902
- --spacing-sidebar-header-padding-block: var(--spacing-2);
5903
- --spacing-sidebar-content-gap: var(--spacing-1);
5904
- --spacing-sidebar-content-padding-inline: var(--spacing-2);
5905
- --spacing-sidebar-content-padding-block: var(--spacing-2);
5906
- --font-mono: "Fira Code", ui-monospace, monospace;
5907
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
5908
- --text-1: 12px;
5909
- --text-1--line-height: 16px;
5910
- --text-1--letter-spacing: 0em;
5911
- --leading-type-1: var(--text-1--line-height);
5912
- --tracking-type-1: var(--text-1--letter-spacing);
5913
- --text-xs: var(--text-1);
5914
- --text-xs--line-height: var(--text-1--line-height);
5915
- --text-xs--letter-spacing: var(--text-1--letter-spacing);
5916
- --text-2: 14px;
5917
- --text-2--line-height: 20px;
5918
- --text-2--letter-spacing: 0em;
5919
- --leading-type-2: var(--text-2--line-height);
5920
- --tracking-type-2: var(--text-2--letter-spacing);
5921
- --text-sm: var(--text-2);
5922
- --text-sm--line-height: var(--text-2--line-height);
5923
- --text-sm--letter-spacing: var(--text-2--letter-spacing);
5924
- --text-3: 16px;
5925
- --text-3--line-height: 24px;
5926
- --text-3--letter-spacing: 0em;
5927
- --leading-type-3: var(--text-3--line-height);
5928
- --tracking-type-3: var(--text-3--letter-spacing);
5929
- --text-base: var(--text-3);
5930
- --text-base--line-height: var(--text-3--line-height);
5931
- --text-base--letter-spacing: var(--text-3--letter-spacing);
5932
- --text-4: 18px;
5933
- --text-4--line-height: 26px;
5934
- --text-4--letter-spacing: 0em;
5935
- --leading-type-4: var(--text-4--line-height);
5936
- --tracking-type-4: var(--text-4--letter-spacing);
5937
- --text-lg: var(--text-4);
5938
- --text-lg--line-height: var(--text-4--line-height);
5939
- --text-lg--letter-spacing: var(--text-4--letter-spacing);
5940
- --text-5: 20px;
5941
- --text-5--line-height: 28px;
5942
- --text-5--letter-spacing: 0em;
5943
- --leading-type-5: var(--text-5--line-height);
5944
- --tracking-type-5: var(--text-5--letter-spacing);
5945
- --text-xl: var(--text-5);
5946
- --text-xl--line-height: var(--text-5--line-height);
5947
- --text-xl--letter-spacing: var(--text-5--letter-spacing);
5948
- --text-6: 30px;
5949
- --text-6--line-height: 38px;
5950
- --text-6--letter-spacing: -0.01em;
5951
- --leading-type-6: var(--text-6--line-height);
5952
- --tracking-type-6: var(--text-6--letter-spacing);
5953
- --text-2xl: var(--text-6);
5954
- --text-2xl--line-height: var(--text-6--line-height);
5955
- --text-2xl--letter-spacing: var(--text-6--letter-spacing);
5956
- --text-7: 36px;
5957
- --text-7--line-height: 44px;
5958
- --text-7--letter-spacing: -0.015em;
5959
- --leading-type-7: var(--text-7--line-height);
5960
- --tracking-type-7: var(--text-7--letter-spacing);
5961
- --text-3xl: var(--text-7);
5962
- --text-3xl--line-height: var(--text-7--line-height);
5963
- --text-3xl--letter-spacing: var(--text-7--letter-spacing);
5964
- --text-8: 48px;
5965
- --text-8--line-height: 56px;
5966
- --text-8--letter-spacing: -0.02em;
5967
- --leading-type-8: var(--text-8--line-height);
5968
- --tracking-type-8: var(--text-8--letter-spacing);
5969
- --text-4xl: var(--text-8);
5970
- --text-4xl--line-height: var(--text-8--line-height);
5971
- --text-4xl--letter-spacing: var(--text-8--letter-spacing);
5972
- --text-9: 60px;
5973
- --text-9--line-height: 64px;
5974
- --text-9--letter-spacing: -0.025em;
5975
- --leading-type-9: var(--text-9--line-height);
5976
- --tracking-type-9: var(--text-9--letter-spacing);
5977
- --text-5xl: var(--text-9);
5978
- --text-5xl--line-height: var(--text-9--line-height);
5979
- --text-5xl--letter-spacing: var(--text-9--letter-spacing);
5980
- --text-10: 72px;
5981
- --text-10--line-height: 76px;
5982
- --text-10--letter-spacing: -0.03em;
5983
- --leading-type-10: var(--text-10--line-height);
5984
- --tracking-type-10: var(--text-10--letter-spacing);
5985
- --text-6xl: var(--text-10);
5986
- --text-6xl--line-height: var(--text-10--line-height);
5987
- --text-6xl--letter-spacing: var(--text-10--letter-spacing);
5988
- --text-11: 84px;
5989
- --text-11--line-height: 88px;
5990
- --text-11--letter-spacing: -0.035em;
5991
- --leading-type-11: var(--text-11--line-height);
5992
- --tracking-type-11: var(--text-11--letter-spacing);
5993
- --text-7xl: var(--text-11);
5994
- --text-7xl--line-height: var(--text-11--line-height);
5995
- --text-7xl--letter-spacing: var(--text-11--letter-spacing);
5996
- --text-12: 96px;
5997
- --text-12--line-height: 100px;
5998
- --text-12--letter-spacing: -0.04em;
5999
- --leading-type-12: var(--text-12--line-height);
6000
- --tracking-type-12: var(--text-12--letter-spacing);
6001
- --text-8xl: var(--text-12);
6002
- --text-8xl--line-height: var(--text-12--line-height);
6003
- --text-8xl--letter-spacing: var(--text-12--letter-spacing);
6004
- --text-13: 128px;
6005
- --text-13--line-height: 132px;
6006
- --text-13--letter-spacing: -0.045em;
6007
- --leading-type-13: var(--text-13--line-height);
6008
- --tracking-type-13: var(--text-13--letter-spacing);
6009
- --text-9xl: var(--text-13);
6010
- --text-9xl--line-height: var(--text-13--line-height);
6011
- --text-9xl--letter-spacing: var(--text-13--letter-spacing);
6012
- --font-weight-normal: 400;
6013
- --font-weight-medium: 500;
6014
- --font-weight-semibold: 600;
6015
- --font-weight-bold: 700;
6016
- --label-ink-emphasis: 35%;
6017
- --text-body: var(--text-2);
6018
- --text-body--line-height: var(--text-2--line-height);
6019
- --text-body--letter-spacing: var(--text-2--letter-spacing);
6020
- --font-body: var(--font-sans);
6021
- --font-weight-body: var(--font-weight-normal);
6022
- --text-heading: var(--text-2);
6023
- --text-heading--line-height: var(--text-2--line-height);
6024
- --text-heading--letter-spacing: var(--text-2--letter-spacing);
6025
- --font-heading: var(--font-sans);
6026
- --font-weight-heading: var(--font-weight-medium);
6027
- --text-code: var(--text-2);
6028
- --text-code--line-height: var(--text-2--line-height);
6029
- --text-code--letter-spacing: var(--text-2--letter-spacing);
6030
- --font-code: var(--font-mono);
6031
- --font-weight-code: var(--font-weight-normal);
6032
- --text-control-xs: var(--text-1);
6033
- --text-control-xs--line-height: var(--text-1--line-height);
6034
- --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
6035
- --font-control: var(--font-sans);
6036
- --font-weight-control-xs: var(--font-weight-normal);
6037
- --text-control-sm: var(--text-1);
6038
- --text-control-sm--line-height: var(--text-1--line-height);
6039
- --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
6040
- --font-weight-control-sm: var(--font-weight-normal);
6041
- --text-control-md: var(--text-2);
6042
- --text-control-md--line-height: var(--text-2--line-height);
6043
- --text-control-md--letter-spacing: var(--text-2--letter-spacing);
6044
- --font-weight-control-md: var(--font-weight-normal);
6045
- --text-control-lg: var(--text-2);
6046
- --text-control-lg--line-height: var(--text-2--line-height);
6047
- --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
6048
- --font-weight-control-lg: var(--font-weight-normal);
6049
- --text-control-xlg: var(--text-2);
6050
- --text-control-xlg--line-height: var(--text-2--line-height);
6051
- --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
6052
- --font-weight-control-xlg: var(--font-weight-normal);
6053
- --text-badge-xs: var(--text-1);
6054
- --text-badge-xs--line-height: var(--text-1--line-height);
6055
- --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
6056
- --font-badge: var(--font-sans);
6057
- --font-weight-badge-xs: var(--font-weight-medium);
6058
- --text-badge-sm: var(--text-1);
6059
- --text-badge-sm--line-height: var(--text-1--line-height);
6060
- --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
6061
- --font-weight-badge-sm: var(--font-weight-medium);
6062
- --text-badge-md: var(--text-2);
6063
- --text-badge-md--line-height: var(--text-2--line-height);
6064
- --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
6065
- --font-weight-badge-md: var(--font-weight-medium);
6066
- --text-badge-lg: var(--text-2);
6067
- --text-badge-lg--line-height: var(--text-2--line-height);
6068
- --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
6069
- --font-weight-badge-lg: var(--font-weight-medium);
6070
- --text-badge-xlg: var(--text-2);
6071
- --text-badge-xlg--line-height: var(--text-2--line-height);
6072
- --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
6073
- --font-weight-badge-xlg: var(--font-weight-medium);
6074
- --text-label: var(--text-2);
6075
- --text-label--line-height: var(--text-2--line-height);
6076
- --text-label--letter-spacing: var(--text-2--letter-spacing);
6077
- --font-label: var(--font-sans);
6078
- --font-weight-label: var(--font-weight-normal);
6079
- --text-description: var(--text-2);
6080
- --text-description--line-height: var(--text-2--line-height);
6081
- --text-description--letter-spacing: var(--text-2--letter-spacing);
6082
- --font-description: var(--font-sans);
6083
- --font-weight-description: var(--font-weight-normal);
6084
- --text-metadata: var(--text-1);
6085
- --text-metadata--line-height: var(--text-1--line-height);
6086
- --text-metadata--letter-spacing: var(--text-1--letter-spacing);
6087
- --font-metadata: var(--font-sans);
6088
- --font-weight-metadata: var(--font-weight-normal);
6089
- --text-menu-item: var(--text-2);
6090
- --text-menu-item--line-height: var(--text-2--line-height);
6091
- --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
6092
- --font-menu-item: var(--font-sans);
6093
- --font-weight-menu-item: var(--font-weight-normal);
6094
- --spacing-control-xs: 20px;
6095
- --spacing-control-sm: 24px;
6096
- --spacing-control-md: 28px;
6097
- --spacing-control-lg: 32px;
6098
- --spacing-control-xlg: 36px;
6099
- --spacing-control-multiline-xs: 32px;
6100
- --spacing-control-multiline-sm: 36px;
6101
- --spacing-control-multiline-md: 48px;
6102
- --spacing-control-multiline-lg: 80px;
6103
- --spacing-control-multiline-xlg: 96px;
6104
- --spacing-icon-xs: 12px;
6105
- --spacing-icon-sm: 14px;
6106
- --spacing-icon-md: 14px;
6107
- --spacing-icon-lg: 16px;
6108
- --spacing-icon-xlg: 20px;
6109
- --spacing-brand-logo-xs: 16px;
6110
- --spacing-brand-logo-sm: 20px;
6111
- --spacing-brand-logo-md: 24px;
6112
- --spacing-brand-logo-lg: 24px;
6113
- --spacing-brand-logo-xlg: 32px;
6114
- --spacing-badge-close-xs: 16px;
6115
- --spacing-badge-close-sm: 16px;
6116
- --spacing-badge-close-md: 20px;
6117
- --spacing-badge-close-lg: 20px;
6118
- --spacing-badge-close-xlg: 24px;
6119
- --spacing-checkbox-indicator-xs: 12px;
6120
- --spacing-checkbox-indicator-sm: 14px;
6121
- --spacing-checkbox-indicator-md: 16px;
6122
- --spacing-checkbox-indicator-lg: 16px;
6123
- --spacing-checkbox-indicator-xlg: 20px;
6124
- --spacing-radio-indicator-xs: 12px;
6125
- --spacing-radio-indicator-sm: 14px;
6126
- --spacing-radio-indicator-md: 16px;
6127
- --spacing-radio-indicator-lg: 16px;
6128
- --spacing-radio-indicator-xlg: 20px;
6129
- --spacing-radio-dot-xs: 4px;
6130
- --spacing-radio-dot-sm: 6px;
6131
- --spacing-radio-dot-md: 6px;
6132
- --spacing-radio-dot-lg: 8px;
6133
- --spacing-radio-dot-xlg: 10px;
6134
- --spacing-switch-track-width-xs: 24px;
6135
- --spacing-switch-track-width-sm: 28px;
6136
- --spacing-switch-track-width-md: 36px;
6137
- --spacing-switch-track-width-lg: 44px;
6138
- --spacing-switch-track-width-xlg: 56px;
6139
- --spacing-switch-track-height-xs: 14px;
6140
- --spacing-switch-track-height-sm: 16px;
6141
- --spacing-switch-track-height-md: 20px;
6142
- --spacing-switch-track-height-lg: 24px;
6143
- --spacing-switch-track-height-xlg: 28px;
6144
- --spacing-switch-thumb-xs: 10px;
6145
- --spacing-switch-thumb-sm: 12px;
6146
- --spacing-switch-thumb-md: 16px;
6147
- --spacing-switch-thumb-lg: 20px;
6148
- --spacing-switch-thumb-xlg: 24px;
6149
- --spacing-switch-inset: 2px;
6150
- --spacing-switch-travel-xs: 10px;
6151
- --spacing-switch-travel-sm: 12px;
6152
- --spacing-switch-travel-md: 16px;
6153
- --spacing-switch-travel-lg: 20px;
6154
- --spacing-switch-travel-xlg: 28px;
6155
- --spacing-slider-track-xs: 4px;
6156
- --spacing-slider-track-sm: 4px;
6157
- --spacing-slider-track-md: 6px;
6158
- --spacing-slider-track-lg: 6px;
6159
- --spacing-slider-track-xlg: 8px;
6160
- --spacing-slider-thumb-xs: 12px;
6161
- --spacing-slider-thumb-sm: 14px;
6162
- --spacing-slider-thumb-md: 16px;
6163
- --spacing-slider-thumb-lg: 18px;
6164
- --spacing-slider-thumb-xlg: 20px;
6165
- --spacing-scrollbar: 6px;
6166
- --spacing-scrollbar-inset: 2px;
6167
- --spacing-menu-item: var(--spacing-control-lg);
6168
- --spacing-select-listbox: 256px;
6169
- --spacing-panel-collapsed: 48px;
6170
- --spacing-panel-resize-handle: 8px;
6171
- --spacing-panel-resize-handle-coarse: 24px;
6172
- --spacing-sidebar-width: 256px;
6173
- --spacing-sidebar-drawer-width: 288px;
6174
- --spacing-sidebar-min-width: 192px;
6175
- --spacing-sidebar-max-width: 448px;
6176
- --spacing-sidebar-min-height: 48px;
6177
- --spacing-sidebar-max-height: 288px;
6178
- --container-xs: 320px;
6179
- --container-sm: 384px;
6180
- --container-md: 448px;
6181
- --container-lg: 512px;
6182
- --container-xl: 576px;
6183
- --container-2xl: 672px;
6184
- --container-3xl: 768px;
6185
- --container-4xl: 896px;
6186
- --container-5xl: 1024px;
6187
- --container-6xl: 1152px;
6188
- --container-7xl: 1280px;
6189
- --container-modal-sm: 384px;
6190
- --container-modal-md: 512px;
6191
- --container-modal-lg: 672px;
6192
- --container-modal-xl: 896px;
6193
- --spacing-panel-1-min: 160px;
6194
- --spacing-panel-1: 192px;
6195
- --spacing-panel-1-max: 240px;
6196
- --spacing-panel-2-min: 192px;
6197
- --spacing-panel-2: 240px;
6198
- --spacing-panel-2-max: 288px;
6199
- --spacing-panel-3-min: 240px;
6200
- --spacing-panel-3: 320px;
6201
- --spacing-panel-3-max: 384px;
6202
- --spacing-panel-4-min: 288px;
6203
- --spacing-panel-4: 384px;
6204
- --spacing-panel-4-max: 480px;
6205
- --spacing-panel-5-min: 320px;
6206
- --spacing-panel-5: 480px;
6207
- --spacing-panel-5-max: 640px;
6208
- --spacing-panel-6-min: 384px;
6209
- --spacing-panel-6: 640px;
6210
- --spacing-panel-6-max: 768px;
6211
- --spacing-icon: var(--spacing-icon-md);
6212
- --container-prose: 65ch;
6213
- }
6214
5430
  :root, .light {
6215
5431
  --color-canvas: oklch(98.510365% 0 none / 1);
6216
5432
  --color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
6217
5433
  --color-accent-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
6218
5434
  --color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
6219
5435
  --color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
6220
- --color-accent-2: oklch(97.203289% 0.013652 251.071163 / 1);
5436
+ --color-accent-2: oklch(97.209921% 0.013899 251.779887 / 1);
6221
5437
  --color-accent-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
6222
5438
  --color-accent-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
6223
5439
  --color-accent-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
6224
- --color-accent-3: oklch(94.341764% 0.029238 243.938175 / 1);
5440
+ --color-accent-3: oklch(94.509921% 0.03494 251.779887 / 1);
6225
5441
  --color-accent-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
6226
5442
  --color-accent-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
6227
5443
  --color-accent-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
6228
- --color-accent-4: oklch(91.220975% 0.045937 243.838469 / 1);
5444
+ --color-accent-4: oklch(91.509921% 0.055209 251.779887 / 1);
6229
5445
  --color-accent-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
6230
5446
  --color-accent-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
6231
5447
  --color-accent-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
6232
- --color-accent-5: oklch(87.720316% 0.063867 246.521422 / 1);
5448
+ --color-accent-5: oklch(88.009921% 0.072776 251.779887 / 1);
6233
5449
  --color-accent-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
6234
5450
  --color-accent-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
6235
5451
  --color-accent-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
6236
- --color-accent-6: oklch(83.724511% 0.084994 248.275442 / 1);
5452
+ --color-accent-6: oklch(84.009921% 0.093238 251.779887 / 1);
6237
5453
  --color-accent-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
6238
5454
  --color-accent-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
6239
5455
  --color-accent-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
6240
- --color-accent-7: oklch(78.546593% 0.112861 250.476972 / 1);
5456
+ --color-accent-7: oklch(78.709921% 0.117175 251.779887 / 1);
6241
5457
  --color-accent-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
6242
5458
  --color-accent-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
6243
5459
  --color-accent-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
@@ -6245,18 +5461,18 @@
6245
5461
  --color-accent-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
6246
5462
  --color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
6247
5463
  --color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
6248
- --color-accent-9: oklch(56.681703% 0.186805 255.023228 / 1);
5464
+ --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
6249
5465
  --color-accent-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
6250
5466
  --color-accent-9-ink: oklch(100% 0 none / 1);
6251
- --color-accent-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
6252
- --color-accent-10: oklch(56.661171% 0.185317 254.803653 / 1);
5467
+ --color-accent-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
5468
+ --color-accent-10: oklch(56.126051% 0.19111 251.779887 / 1);
6253
5469
  --color-accent-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
6254
5470
  --color-accent-10-ink: oklch(100% 0 none / 1);
6255
- --color-accent-10-ink-muted: oklch(99.225706% 0.003686 254.803653 / 1);
6256
- --color-accent-11: oklch(55.25987% 0.16965 252.857709 / 1);
5471
+ --color-accent-10-ink-muted: oklch(99.092235% 0.012113 198.205397 / 1);
5472
+ --color-accent-11: oklch(55.080786% 0.171613 251.779887 / 1);
6257
5473
  --color-accent-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
6258
5474
  --color-accent-11-ink: oklch(100% 0 none / 1);
6259
- --color-accent-11-ink-muted: oklch(97.423302% 0.012456 252.857709 / 1);
5475
+ --color-accent-11-ink-muted: oklch(97.298466% 0.018171 221.822656 / 1);
6260
5476
  --color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
6261
5477
  --color-accent-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
6262
5478
  --color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
@@ -6313,23 +5529,23 @@
6313
5529
  --color-status-danger-a1: oklch(91.770723% 0.131456 195.106403 / 0.016);
6314
5530
  --color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
6315
5531
  --color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
6316
- --color-status-danger-2: oklch(97.177392% 0.01376 23.089614 / 1);
5532
+ --color-status-danger-2: oklch(97.189264% 0.01392 23.02606 / 1);
6317
5533
  --color-status-danger-a2: oklch(69.422798% 0.200057 37.369828 / 0.043);
6318
5534
  --color-status-danger-2-ink: oklch(35.218442% 0.002752 23.089614 / 1);
6319
5535
  --color-status-danger-2-ink-muted: oklch(54.775761% 0.002752 23.089614 / 1);
6320
- --color-status-danger-3: oklch(94.077157% 0.029651 23.892406 / 1);
5536
+ --color-status-danger-3: oklch(94.489264% 0.034995 23.02606 / 1);
6321
5537
  --color-status-danger-a3: oklch(62.795536% 0.257683 29.23388 / 0.121462);
6322
5538
  --color-status-danger-3-ink: oklch(26.348205% 0.00593 23.892406 / 1);
6323
5539
  --color-status-danger-3-ink-muted: oklch(52.50373% 0.00593 23.892406 / 1);
6324
- --color-status-danger-4: oklch(90.835529% 0.047207 23.722787 / 1);
5540
+ --color-status-danger-4: oklch(91.489264% 0.055295 23.02606 / 1);
6325
5541
  --color-status-danger-a4: oklch(62.795536% 0.257683 29.23388 / 0.243837);
6326
5542
  --color-status-danger-4-ink: oklch(39.757247% 0.009441 23.722787 / 1);
6327
5543
  --color-status-danger-4-ink-muted: oklch(50.072759% 0.009441 23.722787 / 1);
6328
- --color-status-danger-5: oklch(87.457404% 0.066638 23.329197 / 1);
5544
+ --color-status-danger-5: oklch(87.989264% 0.072889 23.02606 / 1);
6329
5545
  --color-status-danger-a5: oklch(62.795536% 0.257683 29.23388 / 0.329);
6330
5546
  --color-status-danger-5-ink: oklch(37.049477% 0.013328 23.329197 / 1);
6331
5547
  --color-status-danger-5-ink-muted: oklch(45.45808% 0.013328 23.329197 / 1);
6332
- --color-status-danger-6: oklch(83.675019% 0.089935 23.106438 / 1);
5548
+ --color-status-danger-6: oklch(83.989264% 0.093383 23.02606 / 1);
6333
5549
  --color-status-danger-a6: oklch(61.798613% 0.253592 29.23388 / 0.394);
6334
5550
  --color-status-danger-6-ink: oklch(33.755962% 0.017987 23.106438 / 1);
6335
5551
  --color-status-danger-6-ink-muted: oklch(38.705589% 0.017987 23.106438 / 1);
@@ -6344,15 +5560,15 @@
6344
5560
  --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
6345
5561
  --color-status-danger-a9: oklch(51.588029% 0.211693 29.23388 / 0.822);
6346
5562
  --color-status-danger-9-ink: oklch(100% 0 none / 1);
6347
- --color-status-danger-9-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
5563
+ --color-status-danger-9-ink-muted: oklch(100% 0 none / 1);
6348
5564
  --color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
6349
5565
  --color-status-danger-a10: oklch(52.102445% 0.213804 29.23388 / 0.857);
6350
5566
  --color-status-danger-10-ink: oklch(100% 0 none / 1);
6351
- --color-status-danger-10-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
5567
+ --color-status-danger-10-ink-muted: oklch(100% 0 none / 1);
6352
5568
  --color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
6353
5569
  --color-status-danger-a11: oklch(50.734487% 0.20819 29.23388 / 0.923816);
6354
5570
  --color-status-danger-11-ink: oklch(100% 0 none / 1);
6355
- --color-status-danger-11-ink-muted: oklch(97.186911% 0.013712 23.02606 / 1);
5571
+ --color-status-danger-11-ink-muted: oklch(97.178854% 0.013844 29.013499 / 1);
6356
5572
  --color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
6357
5573
  --color-status-danger-a12: oklch(29.960272% 0.122943 29.23388 / 0.975455);
6358
5574
  --color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
@@ -6361,27 +5577,27 @@
6361
5577
  --color-status-information-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
6362
5578
  --color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
6363
5579
  --color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
6364
- --color-status-information-2: oklch(97.203289% 0.013652 251.071163 / 1);
5580
+ --color-status-information-2: oklch(97.209921% 0.013899 251.779887 / 1);
6365
5581
  --color-status-information-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
6366
5582
  --color-status-information-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
6367
5583
  --color-status-information-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
6368
- --color-status-information-3: oklch(94.341764% 0.029238 243.938175 / 1);
5584
+ --color-status-information-3: oklch(94.509921% 0.03494 251.779887 / 1);
6369
5585
  --color-status-information-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
6370
5586
  --color-status-information-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
6371
5587
  --color-status-information-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
6372
- --color-status-information-4: oklch(91.220975% 0.045937 243.838469 / 1);
5588
+ --color-status-information-4: oklch(91.509921% 0.055209 251.779887 / 1);
6373
5589
  --color-status-information-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
6374
5590
  --color-status-information-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
6375
5591
  --color-status-information-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
6376
- --color-status-information-5: oklch(87.720316% 0.063867 246.521422 / 1);
5592
+ --color-status-information-5: oklch(88.009921% 0.072776 251.779887 / 1);
6377
5593
  --color-status-information-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
6378
5594
  --color-status-information-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
6379
5595
  --color-status-information-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
6380
- --color-status-information-6: oklch(83.724511% 0.084994 248.275442 / 1);
5596
+ --color-status-information-6: oklch(84.009921% 0.093238 251.779887 / 1);
6381
5597
  --color-status-information-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
6382
5598
  --color-status-information-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
6383
5599
  --color-status-information-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
6384
- --color-status-information-7: oklch(78.546593% 0.112861 250.476972 / 1);
5600
+ --color-status-information-7: oklch(78.709921% 0.117175 251.779887 / 1);
6385
5601
  --color-status-information-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
6386
5602
  --color-status-information-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
6387
5603
  --color-status-information-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
@@ -6389,18 +5605,18 @@
6389
5605
  --color-status-information-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
6390
5606
  --color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
6391
5607
  --color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
6392
- --color-status-information-9: oklch(56.681703% 0.186805 255.023228 / 1);
5608
+ --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
6393
5609
  --color-status-information-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
6394
5610
  --color-status-information-9-ink: oklch(100% 0 none / 1);
6395
- --color-status-information-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
6396
- --color-status-information-10: oklch(56.661171% 0.185317 254.803653 / 1);
5611
+ --color-status-information-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
5612
+ --color-status-information-10: oklch(56.126051% 0.19111 251.779887 / 1);
6397
5613
  --color-status-information-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
6398
5614
  --color-status-information-10-ink: oklch(100% 0 none / 1);
6399
- --color-status-information-10-ink-muted: oklch(99.225706% 0.003686 254.803653 / 1);
6400
- --color-status-information-11: oklch(55.25987% 0.16965 252.857709 / 1);
5615
+ --color-status-information-10-ink-muted: oklch(99.092235% 0.012113 198.205397 / 1);
5616
+ --color-status-information-11: oklch(55.080786% 0.171613 251.779887 / 1);
6401
5617
  --color-status-information-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
6402
5618
  --color-status-information-11-ink: oklch(100% 0 none / 1);
6403
- --color-status-information-11-ink-muted: oklch(97.423302% 0.012456 252.857709 / 1);
5619
+ --color-status-information-11-ink-muted: oklch(97.298466% 0.018171 221.822656 / 1);
6404
5620
  --color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
6405
5621
  --color-status-information-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
6406
5622
  --color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
@@ -6437,14 +5653,14 @@
6437
5653
  --color-status-success-a8: oklch(43.909338% 0.149412 142.495345 / 0.561);
6438
5654
  --color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
6439
5655
  --color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
6440
- --color-status-success-9: oklch(54.761455% 0.1304 156.995342 / 1);
5656
+ --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
6441
5657
  --color-status-success-a9: oklch(41.061982% 0.139723 142.495345 / 0.822);
6442
5658
  --color-status-success-9-ink: oklch(100% 0 none / 1);
6443
- --color-status-success-9-ink-muted: oklch(99.066213% 0.013733 156.995342 / 1);
6444
- --color-status-success-10: oklch(54.764489% 0.129885 157.218192 / 1);
5659
+ --color-status-success-9-ink-muted: oklch(100% 0 none / 1);
5660
+ --color-status-success-10: oklch(54.660908% 0.131547 157.679534 / 1);
6445
5661
  --color-status-success-a10: oklch(43.785284% 0.14899 142.495345 / 0.857);
6446
5662
  --color-status-success-10-ink: oklch(100% 0 none / 1);
6447
- --color-status-success-10-ink-muted: oklch(99.066299% 0.013709 157.218192 / 1);
5663
+ --color-status-success-10-ink-muted: oklch(100% 0 none / 1);
6448
5664
  --color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
6449
5665
  --color-status-success-a11: oklch(48.174496% 0.14582 146.334155 / 0.945);
6450
5666
  --color-status-success-11-ink: oklch(100% 0 none / 1);
@@ -6493,11 +5709,11 @@
6493
5709
  --color-status-warning-a10: oklch(80.192778% 0.164245 85.519609 / 0.857);
6494
5710
  --color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
6495
5711
  --color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
6496
- --color-status-warning-11: oklch(55.666518% 0.115491 79.432947 / 1);
5712
+ --color-status-warning-11: oklch(55.480418% 0.139757 84.129977 / 1);
6497
5713
  --color-status-warning-a11: oklch(51.857569% 0.108211 77.702583 / 0.945);
6498
5714
  --color-status-warning-11-ink: oklch(100% 0 none / 1);
6499
- --color-status-warning-11-ink-muted: oklch(97.832352% 0.01928 79.432947 / 1);
6500
- --color-status-warning-12: oklch(36.267297% 0.07484 81.380682 / 1);
5715
+ --color-status-warning-11-ink-muted: oklch(97.814266% 0.022239 84.030946 / 1);
5716
+ --color-status-warning-12: oklch(36.194203% 0.081433 84.129977 / 1);
6501
5717
  --color-status-warning-a12: oklch(34.325376% 0.070675 82.348823 / 0.989083);
6502
5718
  --color-status-warning-12-ink: oklch(96.000596% 0.014968 81.380682 / 1);
6503
5719
  --color-status-warning-12-ink-muted: oklch(81.036515% 0.014968 81.380682 / 1);
@@ -6522,11 +5738,11 @@
6522
5738
  --color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
6523
5739
  --color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
6524
5740
  --color-accent-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
6525
- --color-accent-5-ink: oklch(96.345877% 0.01783 251.779887 / 1);
5741
+ --color-accent-5-ink: oklch(96.333832% 0.018167 248.976201 / 1);
6526
5742
  --color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
6527
5743
  --color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
6528
5744
  --color-accent-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
6529
- --color-accent-6-ink: oklch(98.332357% 0.008075 251.779887 / 1);
5745
+ --color-accent-6-ink: oklch(98.242415% 0.012369 219.252066 / 1);
6530
5746
  --color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
6531
5747
  --color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
6532
5748
  --color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
@@ -6535,20 +5751,20 @@
6535
5751
  --color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
6536
5752
  --color-accent-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
6537
5753
  --color-accent-8-ink: oklch(100% 0 none / 1);
6538
- --color-accent-8-ink-muted: oklch(98.678032% 0.006393 251.779887 / 1);
6539
- --color-accent-9: oklch(56.681703% 0.186805 255.023228 / 1);
5754
+ --color-accent-8-ink-muted: oklch(98.531367% 0.014986 204.9559 / 1);
5755
+ --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
6540
5756
  --color-accent-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
6541
5757
  --color-accent-9-ink: oklch(100% 0 none / 1);
6542
- --color-accent-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
6543
- --color-accent-10: oklch(56.580378% 0.179418 253.881535 / 1);
5758
+ --color-accent-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
5759
+ --color-accent-10: oklch(56.215754% 0.183388 251.779887 / 1);
6544
5760
  --color-accent-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
6545
5761
  --color-accent-10-ink: oklch(100% 0 none / 1);
6546
- --color-accent-10-ink-muted: oklch(99.22492% 0.003703 253.881535 / 1);
6547
- --color-accent-11: oklch(75.932957% 0.129993 247.644507 / 1);
5762
+ --color-accent-10-ink-muted: oklch(99.087217% 0.012493 197.674275 / 1);
5763
+ --color-accent-11: oklch(76.600895% 0.15366 251.779887 / 1);
6548
5764
  --color-accent-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
6549
5765
  --color-accent-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
6550
5766
  --color-accent-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
6551
- --color-accent-12: oklch(91.955441% 0.042718 241.682235 / 1);
5767
+ --color-accent-12: oklch(92.291991% 0.053472 251.779887 / 1);
6552
5768
  --color-accent-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
6553
5769
  --color-accent-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
6554
5770
  --color-accent-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
@@ -6618,33 +5834,33 @@
6618
5834
  --color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
6619
5835
  --color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
6620
5836
  --color-status-danger-a5: oklch(56.752685% 0.166333 24.228836 / 0.235);
6621
- --color-status-danger-5-ink: oklch(96.255986% 0.018393 23.02606 / 1);
5837
+ --color-status-danger-5-ink: oklch(96.255432% 0.018397 23.33901 / 1);
6622
5838
  --color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
6623
5839
  --color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
6624
5840
  --color-status-danger-a6: oklch(60.720412% 0.156712 23.806921 / 0.294);
6625
- --color-status-danger-6-ink: oklch(98.029229% 0.009539 23.02606 / 1);
5841
+ --color-status-danger-6-ink: oklch(98.023564% 0.009633 29.036544 / 1);
6626
5842
  --color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
6627
5843
  --color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
6628
5844
  --color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
6629
- --color-status-danger-7-ink: oklch(99.781227% 0.001044 23.02606 / 1);
5845
+ --color-status-danger-7-ink: oklch(100% 0 none / 1);
6630
5846
  --color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
6631
5847
  --color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
6632
5848
  --color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
6633
5849
  --color-status-danger-8-ink: oklch(100% 0 none / 1);
6634
- --color-status-danger-8-ink-muted: oklch(96.514025% 0.017088 23.02606 / 1);
5850
+ --color-status-danger-8-ink-muted: oklch(96.508571% 0.017154 26.303692 / 1);
6635
5851
  --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
6636
5852
  --color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
6637
5853
  --color-status-danger-9-ink: oklch(100% 0 none / 1);
6638
- --color-status-danger-9-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
5854
+ --color-status-danger-9-ink-muted: oklch(100% 0 none / 1);
6639
5855
  --color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
6640
5856
  --color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
6641
5857
  --color-status-danger-10-ink: oklch(100% 0 none / 1);
6642
- --color-status-danger-10-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
6643
- --color-status-danger-11: oklch(76.851326% 0.136711 22.908814 / 1);
5858
+ --color-status-danger-10-ink-muted: oklch(100% 0 none / 1);
5859
+ --color-status-danger-11: oklch(78.331653% 0.153899 23.02606 / 1);
6644
5860
  --color-status-danger-a11: oklch(78.425088% 0.125337 22.763785 / 0.898);
6645
5861
  --color-status-danger-11-ink: oklch(26.527216% 0.027342 22.908814 / 1);
6646
5862
  --color-status-danger-11-ink-muted: oklch(18.69908% 0.027342 22.908814 / 1);
6647
- --color-status-danger-12: oklch(91.961979% 0.041 24.327399 / 1);
5863
+ --color-status-danger-12: oklch(92.966078% 0.053555 23.02606 / 1);
6648
5864
  --color-status-danger-a12: oklch(92.811491% 0.036411 25.120203 / 0.965);
6649
5865
  --color-status-danger-12-ink: oklch(40.623957% 0.0082 24.327399 / 1);
6650
5866
  --color-status-danger-12-ink-muted: oklch(50.925684% 0.0082 24.327399 / 1);
@@ -6666,11 +5882,11 @@
6666
5882
  --color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
6667
5883
  --color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
6668
5884
  --color-status-information-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
6669
- --color-status-information-5-ink: oklch(96.345877% 0.01783 251.779887 / 1);
5885
+ --color-status-information-5-ink: oklch(96.333832% 0.018167 248.976201 / 1);
6670
5886
  --color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
6671
5887
  --color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
6672
5888
  --color-status-information-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
6673
- --color-status-information-6-ink: oklch(98.332357% 0.008075 251.779887 / 1);
5889
+ --color-status-information-6-ink: oklch(98.242415% 0.012369 219.252066 / 1);
6674
5890
  --color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
6675
5891
  --color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
6676
5892
  --color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
@@ -6679,20 +5895,20 @@
6679
5895
  --color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
6680
5896
  --color-status-information-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
6681
5897
  --color-status-information-8-ink: oklch(100% 0 none / 1);
6682
- --color-status-information-8-ink-muted: oklch(98.678032% 0.006393 251.779887 / 1);
6683
- --color-status-information-9: oklch(56.681703% 0.186805 255.023228 / 1);
5898
+ --color-status-information-8-ink-muted: oklch(98.531367% 0.014986 204.9559 / 1);
5899
+ --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
6684
5900
  --color-status-information-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
6685
5901
  --color-status-information-9-ink: oklch(100% 0 none / 1);
6686
- --color-status-information-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
6687
- --color-status-information-10: oklch(56.580378% 0.179418 253.881535 / 1);
5902
+ --color-status-information-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
5903
+ --color-status-information-10: oklch(56.215754% 0.183388 251.779887 / 1);
6688
5904
  --color-status-information-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
6689
5905
  --color-status-information-10-ink: oklch(100% 0 none / 1);
6690
- --color-status-information-10-ink-muted: oklch(99.22492% 0.003703 253.881535 / 1);
6691
- --color-status-information-11: oklch(75.932957% 0.129993 247.644507 / 1);
5906
+ --color-status-information-10-ink-muted: oklch(99.087217% 0.012493 197.674275 / 1);
5907
+ --color-status-information-11: oklch(76.600895% 0.15366 251.779887 / 1);
6692
5908
  --color-status-information-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
6693
5909
  --color-status-information-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
6694
5910
  --color-status-information-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
6695
- --color-status-information-12: oklch(91.955441% 0.042718 241.682235 / 1);
5911
+ --color-status-information-12: oklch(92.291991% 0.053472 251.779887 / 1);
6696
5912
  --color-status-information-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
6697
5913
  --color-status-information-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
6698
5914
  --color-status-information-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
@@ -6728,14 +5944,14 @@
6728
5944
  --color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
6729
5945
  --color-status-success-8-ink: oklch(0% 0 none / 1);
6730
5946
  --color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
6731
- --color-status-success-9: oklch(54.761455% 0.1304 156.995342 / 1);
5947
+ --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
6732
5948
  --color-status-success-a9: oklch(59.654058% 0.142656 156.76118 / 0.765);
6733
5949
  --color-status-success-9-ink: oklch(100% 0 none / 1);
6734
- --color-status-success-9-ink-muted: oklch(99.066213% 0.013733 156.995342 / 1);
5950
+ --color-status-success-9-ink-muted: oklch(100% 0 none / 1);
6735
5951
  --color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
6736
5952
  --color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
6737
5953
  --color-status-success-10-ink: oklch(100% 0 none / 1);
6738
- --color-status-success-10-ink-muted: oklch(99.066477% 0.01366 157.679534 / 1);
5954
+ --color-status-success-10-ink-muted: oklch(100% 0 none / 1);
6739
5955
  --color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
6740
5956
  --color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
6741
5957
  --color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
@@ -6756,11 +5972,11 @@
6756
5972
  --color-status-warning-a3: oklch(50.127754% 0.10245 88.381541 / 0.125);
6757
5973
  --color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
6758
5974
  --color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
6759
- --color-status-warning-4: oklch(32.855788% 0.0676 82.694417 / 1);
5975
+ --color-status-warning-4: oklch(32.820502% 0.070743 84.129977 / 1);
6760
5976
  --color-status-warning-a4: oklch(55.552674% 0.114073 83.739134 / 0.176);
6761
5977
  --color-status-warning-4-ink: oklch(94.768439% 0.01352 82.694417 / 1);
6762
5978
  --color-status-warning-4-ink-muted: oklch(79.598956% 0.01352 82.694417 / 1);
6763
- --color-status-warning-5: oklch(37.054542% 0.076206 82.906101 / 1);
5979
+ --color-status-warning-5: oklch(37.020502% 0.079232 84.129977 / 1);
6764
5980
  --color-status-warning-a5: oklch(57.611344% 0.118384 83.347621 / 0.235);
6765
5981
  --color-status-warning-5-ink: oklch(96.303844% 0.015241 82.906101 / 1);
6766
5982
  --color-status-warning-5-ink-muted: oklch(81.39034% 0.015241 82.906101 / 1);
@@ -6775,12 +5991,12 @@
6775
5991
  --color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
6776
5992
  --color-status-warning-a8: oklch(70.98496% 0.145579 84.522598 / 0.482);
6777
5993
  --color-status-warning-8-ink: oklch(100% 0 none / 1);
6778
- --color-status-warning-8-ink-muted: oklch(98.501776% 0.015254 84.129977 / 1);
5994
+ --color-status-warning-8-ink-muted: oklch(98.464516% 0.021673 92.475609 / 1);
6779
5995
  --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
6780
5996
  --color-status-warning-a9: oklch(88.395827% 0.156482 91.217844 / 0.865);
6781
5997
  --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
6782
5998
  --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
6783
- --color-status-warning-10: oklch(88.267406% 0.145791 89.020098 / 1);
5999
+ --color-status-warning-10: oklch(89.369678% 0.149347 84.129977 / 1);
6784
6000
  --color-status-warning-a10: oklch(90.97612% 0.145403 95.328293 / 0.879663);
6785
6001
  --color-status-warning-10-ink: oklch(38.031102% 0.029158 89.020098 / 1);
6786
6002
  --color-status-warning-10-ink-muted: oklch(47.689677% 0.029158 89.020098 / 1);
@@ -6793,1376 +6009,6 @@
6793
6009
  --color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
6794
6010
  --color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
6795
6011
  }
6796
- @media (color-gamut: p3) {
6797
- :root, .light {
6798
- --color-canvas: oklch(98.510365% 0 none / 1);
6799
- --color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
6800
- --color-accent-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
6801
- --color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
6802
- --color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
6803
- --color-accent-2: oklch(97.209921% 0.013899 251.779887 / 1);
6804
- --color-accent-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
6805
- --color-accent-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
6806
- --color-accent-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
6807
- --color-accent-3: oklch(94.398029% 0.031089 246.907226 / 1);
6808
- --color-accent-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
6809
- --color-accent-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
6810
- --color-accent-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
6811
- --color-accent-4: oklch(91.311536% 0.048767 246.694348 / 1);
6812
- --color-accent-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
6813
- --color-accent-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
6814
- --color-accent-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
6815
- --color-accent-5: oklch(87.853407% 0.067923 249.140662 / 1);
6816
- --color-accent-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
6817
- --color-accent-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
6818
- --color-accent-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
6819
- --color-accent-6: oklch(83.911207% 0.090376 250.65785 / 1);
6820
- --color-accent-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
6821
- --color-accent-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
6822
- --color-accent-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
6823
- --color-accent-7: oklch(78.709921% 0.117175 251.779887 / 1);
6824
- --color-accent-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
6825
- --color-accent-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
6826
- --color-accent-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
6827
- --color-accent-8: oklch(71.509921% 0.14671 251.779887 / 1);
6828
- --color-accent-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
6829
- --color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
6830
- --color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
6831
- --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
6832
- --color-accent-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
6833
- --color-accent-9-ink: oklch(100% 0 none / 1);
6834
- --color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
6835
- --color-accent-10: oklch(56.126051% 0.19111 251.779887 / 1);
6836
- --color-accent-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
6837
- --color-accent-10-ink: oklch(100% 0 none / 1);
6838
- --color-accent-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
6839
- --color-accent-11: oklch(55.080786% 0.171613 251.779887 / 1);
6840
- --color-accent-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
6841
- --color-accent-11-ink: oklch(100% 0 none / 1);
6842
- --color-accent-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
6843
- --color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
6844
- --color-accent-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
6845
- --color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
6846
- --color-accent-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
6847
- --color-neutral-1: oklch(98.010365% 0 none / 1);
6848
- --color-neutral-a1: oklch(100% 0 none / 0.016);
6849
- --color-neutral-1-ink: oklch(20.265608% 0 none / 1);
6850
- --color-neutral-1-ink-muted: oklch(55.432541% 0 none / 1);
6851
- --color-neutral-2: oklch(97.010365% 0 none / 1);
6852
- --color-neutral-a2: oklch(75.896553% 0.058885 301.418569 / 0.043);
6853
- --color-neutral-2-ink: oklch(18.800343% 0 none / 1);
6854
- --color-neutral-2-ink-muted: oklch(54.736186% 0 none / 1);
6855
- --color-neutral-3: oklch(95.310365% 0 none / 1);
6856
- --color-neutral-a3: oklch(61.543431% 0.02801 347.674878 / 0.098);
6857
- --color-neutral-3-ink: oklch(15.701387% 0 none / 1);
6858
- --color-neutral-3-ink-muted: oklch(53.544448% 0 none / 1);
6859
- --color-neutral-4: oklch(93.098712% 0 none / 1);
6860
- --color-neutral-a4: oklch(52.180039% 0.025048 329.378998 / 0.161);
6861
- --color-neutral-4-ink: oklch(7.411513% 0 none / 1);
6862
- --color-neutral-4-ink-muted: oklch(51.977664% 0 none / 1);
6863
- --color-neutral-5: oklch(89.89411% 0 none / 1);
6864
- --color-neutral-a5: oklch(29.430239% 0.068324 212.150323 / 0.229);
6865
- --color-neutral-5-ink: oklch(0% 0 none / 1);
6866
- --color-neutral-5-ink-muted: oklch(49.669822% 0 none / 1);
6867
- --color-neutral-6: oklch(85.83571% 0 none / 1);
6868
- --color-neutral-a6: oklch(0% 0 none / 0.294);
6869
- --color-neutral-6-ink: oklch(0% 0 none / 1);
6870
- --color-neutral-6-ink-muted: oklch(43.846308% 0 none / 1);
6871
- --color-neutral-7: oklch(79.969903% 0 none / 1);
6872
- --color-neutral-a7: oklch(0% 0 none / 0.423883);
6873
- --color-neutral-7-ink: oklch(0% 0 none / 1);
6874
- --color-neutral-7-ink-muted: oklch(33.419144% 0 none / 1);
6875
- --color-neutral-8: oklch(71.310365% 0 none / 1);
6876
- --color-neutral-a8: oklch(0% 0 none / 0.561);
6877
- --color-neutral-8-ink: oklch(0% 0 none / 1);
6878
- --color-neutral-8-ink-muted: oklch(34.675778% 0 none / 1);
6879
- --color-neutral-9: oklch(55.552676% 0 none / 1);
6880
- --color-neutral-a9: oklch(0% 0 none / 0.800589);
6881
- --color-neutral-9-ink: oklch(100% 0 none / 1);
6882
- --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
6883
- --color-neutral-10: oklch(52.552676% 0 none / 1);
6884
- --color-neutral-a10: oklch(0% 0 none / 0.830185);
6885
- --color-neutral-10-ink: oklch(100% 0 none / 1);
6886
- --color-neutral-10-ink-muted: oklch(93.907184% 0 none / 1);
6887
- --color-neutral-11: oklch(18% 0 none / 1);
6888
- --color-neutral-a11: oklch(0% 0 none / 0.945);
6889
- --color-neutral-11-ink: oklch(96.518319% 0 none / 1);
6890
- --color-neutral-11-ink-muted: oklch(76.292003% 0 none / 1);
6891
- --color-neutral-12: oklch(12.382253% 0 none / 1);
6892
- --color-neutral-a12: oklch(0% 0 none / 0.996898);
6893
- --color-neutral-12-ink: oklch(94.063697% 0 none / 1);
6894
- --color-neutral-12-ink-muted: oklch(76.009188% 0 none / 1);
6895
- --color-status-danger-1: oklch(98.069998% 0.00464 23.02606 / 1);
6896
- --color-status-danger-a1: oklch(89.290162% 0.205667 193.137688 / 0.016);
6897
- --color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
6898
- --color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
6899
- --color-status-danger-2: oklch(97.189264% 0.01392 23.02606 / 1);
6900
- --color-status-danger-a2: oklch(73.064492% 0.214894 36.64122 / 0.043);
6901
- --color-status-danger-2-ink: oklch(35.240218% 0.002784 23.02606 / 1);
6902
- --color-status-danger-2-ink-muted: oklch(54.783098% 0.002784 23.02606 / 1);
6903
- --color-status-danger-3: oklch(94.489264% 0.034995 23.02606 / 1);
6904
- --color-status-danger-a3: oklch(64.857408% 0.299485 28.958133 / 0.118386);
6905
- --color-status-danger-3-ink: oklch(27.629806% 0.006999 23.02606 / 1);
6906
- --color-status-danger-3-ink-muted: oklch(52.76363% 0.006999 23.02606 / 1);
6907
- --color-status-danger-4: oklch(91.489264% 0.055295 23.02606 / 1);
6908
- --color-status-danger-a4: oklch(64.857408% 0.299485 28.958133 / 0.235341);
6909
- --color-status-danger-4-ink: oklch(40.187467% 0.011059 23.02606 / 1);
6910
- --color-status-danger-4-ink-muted: oklch(50.495458% 0.011059 23.02606 / 1);
6911
- --color-status-danger-5: oklch(87.989264% 0.072889 23.02606 / 1);
6912
- --color-status-danger-a5: oklch(64.208805% 0.29649 28.958133 / 0.329);
6913
- --color-status-danger-5-ink: oklch(37.423053% 0.014578 23.02606 / 1);
6914
- --color-status-danger-5-ink-muted: oklch(46.217694% 0.014578 23.02606 / 1);
6915
- --color-status-danger-6: oklch(83.989264% 0.093383 23.02606 / 1);
6916
- --color-status-danger-a6: oklch(62.115567% 0.286825 28.958133 / 0.394);
6917
- --color-status-danger-6-ink: oklch(33.999633% 0.018677 23.02606 / 1);
6918
- --color-status-danger-6-ink-muted: oklch(39.205212% 0.018677 23.02606 / 1);
6919
- --color-status-danger-7: oklch(78.689264% 0.117357 23.02606 / 1);
6920
- --color-status-danger-a7: oklch(59.276352% 0.273714 28.958133 / 0.469);
6921
- --color-status-danger-7-ink: oklch(28.784749% 0.023471 23.02606 / 1);
6922
- --color-status-danger-7-ink-muted: oklch(27.4997% 0.023471 23.02606 / 1);
6923
- --color-status-danger-8: oklch(71.489264% 0.146938 23.02606 / 1);
6924
- --color-status-danger-a8: oklch(55.581183% 0.256651 28.958133 / 0.561);
6925
- --color-status-danger-8-ink: oklch(18.133391% 0.029388 23.02606 / 1);
6926
- --color-status-danger-8-ink-muted: oklch(33.51898% 0.029388 23.02606 / 1);
6927
- --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
6928
- --color-status-danger-a9: oklch(50.891058% 0.234994 28.958133 / 0.822);
6929
- --color-status-danger-9-ink: oklch(100% 0 none / 1);
6930
- --color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
6931
- --color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
6932
- --color-status-danger-a10: oklch(51.092793% 0.235926 28.958133 / 0.857);
6933
- --color-status-danger-10-ink: oklch(100% 0 none / 1);
6934
- --color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
6935
- --color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
6936
- --color-status-danger-a11: oklch(49.039211% 0.226443 28.958133 / 0.908262);
6937
- --color-status-danger-11-ink: oklch(100% 0 none / 1);
6938
- --color-status-danger-11-ink-muted: oklch(97.231065% 0.017624 23.02606 / 1);
6939
- --color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
6940
- --color-status-danger-a12: oklch(28.875921% 0.133337 28.958133 / 0.972127);
6941
- --color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
6942
- --color-status-danger-12-ink-muted: oklch(80.766272% 0.02003 23.02606 / 1);
6943
- --color-status-information-1: oklch(98.076884% 0.004633 251.779887 / 1);
6944
- --color-status-information-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
6945
- --color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
6946
- --color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
6947
- --color-status-information-2: oklch(97.209921% 0.013899 251.779887 / 1);
6948
- --color-status-information-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
6949
- --color-status-information-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
6950
- --color-status-information-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
6951
- --color-status-information-3: oklch(94.398029% 0.031089 246.907226 / 1);
6952
- --color-status-information-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
6953
- --color-status-information-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
6954
- --color-status-information-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
6955
- --color-status-information-4: oklch(91.311536% 0.048767 246.694348 / 1);
6956
- --color-status-information-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
6957
- --color-status-information-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
6958
- --color-status-information-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
6959
- --color-status-information-5: oklch(87.853407% 0.067923 249.140662 / 1);
6960
- --color-status-information-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
6961
- --color-status-information-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
6962
- --color-status-information-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
6963
- --color-status-information-6: oklch(83.911207% 0.090376 250.65785 / 1);
6964
- --color-status-information-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
6965
- --color-status-information-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
6966
- --color-status-information-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
6967
- --color-status-information-7: oklch(78.709921% 0.117175 251.779887 / 1);
6968
- --color-status-information-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
6969
- --color-status-information-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
6970
- --color-status-information-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
6971
- --color-status-information-8: oklch(71.509921% 0.14671 251.779887 / 1);
6972
- --color-status-information-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
6973
- --color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
6974
- --color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
6975
- --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
6976
- --color-status-information-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
6977
- --color-status-information-9-ink: oklch(100% 0 none / 1);
6978
- --color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
6979
- --color-status-information-10: oklch(56.126051% 0.19111 251.779887 / 1);
6980
- --color-status-information-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
6981
- --color-status-information-10-ink: oklch(100% 0 none / 1);
6982
- --color-status-information-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
6983
- --color-status-information-11: oklch(55.080786% 0.171613 251.779887 / 1);
6984
- --color-status-information-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
6985
- --color-status-information-11-ink: oklch(100% 0 none / 1);
6986
- --color-status-information-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
6987
- --color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
6988
- --color-status-information-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
6989
- --color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
6990
- --color-status-information-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
6991
- --color-status-success-1: oklch(98.043862% 0.003189 157.679534 / 1);
6992
- --color-status-success-a1: oklch(100% 0 none / 0.016);
6993
- --color-status-success-1-ink: oklch(37.399208% 0.000638 157.679534 / 1);
6994
- --color-status-success-1-ink-muted: oklch(55.475102% 0.000638 157.679534 / 1);
6995
- --color-status-success-2: oklch(97.110855% 0.009567 157.679534 / 1);
6996
- --color-status-success-a2: oklch(79.700859% 0.212199 163.493517 / 0.043);
6997
- --color-status-success-2-ink: oklch(35.599202% 0.001913 157.679534 / 1);
6998
- --color-status-success-2-ink-muted: oklch(54.864443% 0.001913 157.679534 / 1);
6999
- --color-status-success-3: oklch(94.410855% 0.02405 157.679534 / 1);
7000
- --color-status-success-a3: oklch(62.664457% 0.272064 145.644956 / 0.10635);
7001
- --color-status-success-3-ink: oklch(29.456564% 0.00481 157.679534 / 1);
7002
- --color-status-success-3-ink-muted: oklch(53.057906% 0.00481 157.679534 / 1);
7003
- --color-status-success-4: oklch(91.410855% 0.038002 157.679534 / 1);
7004
- --color-status-success-a4: oklch(63.480728% 0.275608 145.644956 / 0.224281);
7005
- --color-status-success-4-ink: oklch(13.131836% 0.0076 157.679534 / 1);
7006
- --color-status-success-4-ink-muted: oklch(51.007316% 0.0076 157.679534 / 1);
7007
- --color-status-success-5: oklch(87.910855% 0.050094 157.679534 / 1);
7008
- --color-status-success-a5: oklch(60.977856% 0.264742 145.644956 / 0.329);
7009
- --color-status-success-5-ink: oklch(38.187356% 0.010019 157.679534 / 1);
7010
- --color-status-success-5-ink-muted: oklch(48.041387% 0.010019 157.679534 / 1);
7011
- --color-status-success-6: oklch(83.910855% 0.064179 157.679534 / 1);
7012
- --color-status-success-a6: oklch(56.96563% 0.247322 145.644956 / 0.394);
7013
- --color-status-success-6-ink: oklch(35.121555% 0.012836 157.679534 / 1);
7014
- --color-status-success-6-ink-muted: oklch(41.809977% 0.012836 157.679534 / 1);
7015
- --color-status-success-7: oklch(78.610855% 0.080655 157.679534 / 1);
7016
- --color-status-success-a7: oklch(52.143613% 0.226387 145.644956 / 0.469);
7017
- --color-status-success-7-ink: oklch(30.575933% 0.016131 157.679534 / 1);
7018
- --color-status-success-7-ink-muted: oklch(32.535502% 0.016131 157.679534 / 1);
7019
- --color-status-success-8: oklch(71.410855% 0.100985 157.679534 / 1);
7020
- --color-status-success-a8: oklch(46.376187% 0.201347 145.644956 / 0.561);
7021
- --color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
7022
- --color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
7023
- --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
7024
- --color-status-success-a9: oklch(42.797243% 0.185809 145.644956 / 0.822);
7025
- --color-status-success-9-ink: oklch(100% 0 none / 1);
7026
- --color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
7027
- --color-status-success-10: oklch(54.660908% 0.131547 157.679534 / 1);
7028
- --color-status-success-a10: oklch(44.017031% 0.191104 145.644956 / 0.857);
7029
- --color-status-success-10-ink: oklch(100% 0 none / 1);
7030
- --color-status-success-10-ink-muted: oklch(98.897575% 0.018073 157.679534 / 1);
7031
- --color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
7032
- --color-status-success-a11: oklch(45.368413% 0.179612 148.854702 / 0.92257);
7033
- --color-status-success-11-ink: oklch(100% 0 none / 1);
7034
- --color-status-success-11-ink-muted: oklch(96.939894% 0.023625 157.679534 / 1);
7035
- --color-status-success-12: oklch(34.498218% 0.068829 157.679534 / 1);
7036
- --color-status-success-a12: oklch(26.394455% 0.114594 145.644956 / 0.972127);
7037
- --color-status-success-12-ink: oklch(95.56242% 0.013766 157.679534 / 1);
7038
- --color-status-success-12-ink-muted: oklch(80.555225% 0.013766 157.679534 / 1);
7039
- --color-status-warning-1: oklch(98.189696% 0.003773 84.129977 / 1);
7040
- --color-status-warning-a1: oklch(100% 0 none / 0.016);
7041
- --color-status-warning-1-ink: oklch(37.625467% 0.000755 84.129977 / 1);
7042
- --color-status-warning-1-ink-muted: oklch(55.556923% 0.000755 84.129977 / 1);
7043
- --color-status-warning-2: oklch(97.548357% 0.011319 84.129977 / 1);
7044
- --color-status-warning-a2: oklch(82.068693% 0.193923 91.918377 / 0.043);
7045
- --color-status-warning-2-ink: oklch(36.295528% 0.002264 84.129977 / 1);
7046
- --color-status-warning-2-ink-muted: oklch(55.11015% 0.002264 84.129977 / 1);
7047
- --color-status-warning-3: oklch(94.848357% 0.028454 84.129977 / 1);
7048
- --color-status-warning-a3: oklch(73.26633% 0.173057 91.532471 / 0.140334);
7049
- --color-status-warning-3-ink: oklch(29.919685% 0.005691 84.129977 / 1);
7050
- --color-status-warning-3-ink-muted: oklch(53.212185% 0.005691 84.129977 / 1);
7051
- --color-status-warning-4: oklch(91.848357% 0.044961 84.129977 / 1);
7052
- --color-status-warning-a4: oklch(72.462387% 0.171269 92.157803 / 0.261);
7053
- --color-status-warning-4-ink: oklch(9.538387% 0.008992 84.129977 / 1);
7054
- --color-status-warning-4-ink-muted: oklch(51.066118% 0.008992 84.129977 / 1);
7055
- --color-status-warning-5: oklch(88.348357% 0.059267 84.129977 / 1);
7056
- --color-status-warning-a5: oklch(65.913261% 0.155502 89.773867 / 0.329);
7057
- --color-status-warning-5-ink: oklch(38.149322% 0.011853 84.129977 / 1);
7058
- --color-status-warning-5-ink-muted: oklch(47.829109% 0.011853 84.129977 / 1);
7059
- --color-status-warning-6: oklch(84.348357% 0.075931 84.129977 / 1);
7060
- --color-status-warning-a6: oklch(59.265324% 0.140034 84.956326 / 0.394);
7061
- --color-status-warning-6-ink: oklch(34.94221% 0.015186 84.129977 / 1);
7062
- --color-status-warning-6-ink-muted: oklch(41.266926% 0.015186 84.129977 / 1);
7063
- --color-status-warning-7: oklch(79.048357% 0.095425 84.129977 / 1);
7064
- --color-status-warning-a7: oklch(52.159903% 0.123347 84.243859 / 0.469);
7065
- --color-status-warning-7-ink: oklch(30.146925% 0.019085 84.129977 / 1);
7066
- --color-status-warning-7-ink-muted: oklch(31.305357% 0.019085 84.129977 / 1);
7067
- --color-status-warning-8: oklch(71.848357% 0.119477 84.129977 / 1);
7068
- --color-status-warning-a8: oklch(42.449314% 0.10207 77.174011 / 0.561);
7069
- --color-status-warning-8-ink: oklch(21.318047% 0.023895 84.129977 / 1);
7070
- --color-status-warning-8-ink-muted: oklch(34.994276% 0.023895 84.129977 / 1);
7071
- --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
7072
- --color-status-warning-a9: oklch(83.277207% 0.196418 87.979386 / 0.822);
7073
- --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
7074
- --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
7075
- --color-status-warning-10: oklch(82.369678% 0.155635 84.129977 / 1);
7076
- --color-status-warning-a10: oklch(79.769424% 0.188198 86.979983 / 0.857);
7077
- --color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
7078
- --color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
7079
- --color-status-warning-11: oklch(55.558425% 0.131808 82.201817 / 1);
7080
- --color-status-warning-a11: oklch(52.264559% 0.123557 84.489733 / 0.945);
7081
- --color-status-warning-11-ink: oklch(100% 0 none / 1);
7082
- --color-status-warning-11-ink-muted: oklch(97.655264% 0.026362 82.201817 / 1);
7083
- --color-status-warning-12: oklch(36.194203% 0.081433 84.129977 / 1);
7084
- --color-status-warning-a12: oklch(34.467308% 0.081436 85.010265 / 0.98911);
7085
- --color-status-warning-12-ink: oklch(95.988287% 0.016287 84.129977 / 1);
7086
- --color-status-warning-12-ink-muted: oklch(81.02367% 0.016287 84.129977 / 1);
7087
- }
7088
- .dark {
7089
- --color-canvas: oklch(20.462653% 0 none / 1);
7090
- --color-accent-1: oklch(20.921299% 0.020655 251.779887 / 1);
7091
- --color-accent-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
7092
- --color-accent-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
7093
- --color-accent-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
7094
- --color-accent-2: oklch(22.195498% 0.02857 251.779887 / 1);
7095
- --color-accent-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
7096
- --color-accent-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
7097
- --color-accent-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
7098
- --color-accent-3: oklch(27.93859% 0.059456 251.779887 / 1);
7099
- --color-accent-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
7100
- --color-accent-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
7101
- --color-accent-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
7102
- --color-accent-4: oklch(32.73859% 0.086868 251.779887 / 1);
7103
- --color-accent-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
7104
- --color-accent-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
7105
- --color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
7106
- --color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
7107
- --color-accent-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
7108
- --color-accent-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
7109
- --color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
7110
- --color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
7111
- --color-accent-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
7112
- --color-accent-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
7113
- --color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
7114
- --color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
7115
- --color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
7116
- --color-accent-7-ink: oklch(100% 0 none / 1);
7117
- --color-accent-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
7118
- --color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
7119
- --color-accent-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
7120
- --color-accent-8-ink: oklch(100% 0 none / 1);
7121
- --color-accent-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
7122
- --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
7123
- --color-accent-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
7124
- --color-accent-9-ink: oklch(100% 0 none / 1);
7125
- --color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
7126
- --color-accent-10: oklch(56.215754% 0.183388 251.779887 / 1);
7127
- --color-accent-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
7128
- --color-accent-10-ink: oklch(100% 0 none / 1);
7129
- --color-accent-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
7130
- --color-accent-11: oklch(76.009909% 0.139824 248.518651 / 1);
7131
- --color-accent-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
7132
- --color-accent-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
7133
- --color-accent-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
7134
- --color-accent-12: oklch(92.037298% 0.045225 244.632508 / 1);
7135
- --color-accent-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
7136
- --color-accent-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
7137
- --color-accent-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
7138
- --color-neutral-1: oklch(20.962653% 0 none / 1);
7139
- --color-neutral-a1: oklch(0% 0 none / 0.02);
7140
- --color-neutral-1-ink: oklch(92.241026% 0 none / 1);
7141
- --color-neutral-1-ink-muted: oklch(76.627627% 0 none / 1);
7142
- --color-neutral-2: oklch(22.462653% 0 none / 1);
7143
- --color-neutral-a2: oklch(34.407394% 0.022601 220.579947 / 0.047);
7144
- --color-neutral-2-ink: oklch(92.431093% 0 none / 1);
7145
- --color-neutral-2-ink-muted: oklch(76.852224% 0 none / 1);
7146
- --color-neutral-3: oklch(27.562653% 0 none / 1);
7147
- --color-neutral-a3: oklch(46.131669% 0.007996 241.953581 / 0.125);
7148
- --color-neutral-3-ink: oklch(93.323879% 0 none / 1);
7149
- --color-neutral-3-ink-muted: oklch(77.904811% 0 none / 1);
7150
- --color-neutral-4: oklch(31.362653% 0 none / 1);
7151
- --color-neutral-a4: oklch(50.493504% 0.00231 195.834465 / 0.176);
7152
- --color-neutral-4-ink: oklch(94.265922% 0 none / 1);
7153
- --color-neutral-4-ink-muted: oklch(79.011315% 0 none / 1);
7154
- --color-neutral-5: oklch(34.562653% 0 none / 1);
7155
- --color-neutral-a5: oklch(52.292827% 0.002153 195.841073 / 0.235);
7156
- --color-neutral-5-ink: oklch(95.340033% 0 none / 1);
7157
- --color-neutral-5-ink-muted: oklch(80.267958% 0 none / 1);
7158
- --color-neutral-6: oklch(39.355783% 0 none / 1);
7159
- --color-neutral-a6: oklch(56.823866% 0.000911 195.877546 / 0.294);
7160
- --color-neutral-6-ink: oklch(97.200807% 0 none / 1);
7161
- --color-neutral-6-ink-muted: oklch(82.433067% 0 none / 1);
7162
- --color-neutral-7: oklch(46.024892% 0 none / 1);
7163
- --color-neutral-a7: oklch(62.53178% 0.000752 195.883369 / 0.373);
7164
- --color-neutral-7-ink: oklch(99.411838% 0 none / 1);
7165
- --color-neutral-7-ink-muted: oklch(85.851779% 0 none / 1);
7166
- --color-neutral-8: oklch(56.062653% 0 none / 1);
7167
- --color-neutral-a8: oklch(70.81652% 0 none / 0.482);
7168
- --color-neutral-8-ink: oklch(100% 0 none / 1);
7169
- --color-neutral-8-ink-muted: oklch(98.919277% 0 none / 1);
7170
- --color-neutral-9: oklch(55.552676% 0 none / 1);
7171
- --color-neutral-a9: oklch(60.47082% 0 none / 0.765);
7172
- --color-neutral-9-ink: oklch(100% 0 none / 1);
7173
- --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
7174
- --color-neutral-10: oklch(56.27973% 0 none / 1);
7175
- --color-neutral-a10: oklch(60.308751% 0 none / 0.804);
7176
- --color-neutral-10-ink: oklch(100% 0 none / 1);
7177
- --color-neutral-10-ink-muted: oklch(99.233267% 0 none / 1);
7178
- --color-neutral-11: oklch(86% 0 none / 1);
7179
- --color-neutral-a11: oklch(89.093811% 0 none / 0.898);
7180
- --color-neutral-11-ink: oklch(36.344431% 0 none / 1);
7181
- --color-neutral-11-ink-muted: oklch(44.11623% 0 none / 1);
7182
- --color-neutral-12: oklch(92.431093% 0 none / 1);
7183
- --color-neutral-a12: oklch(93.521911% 0 none / 0.965);
7184
- --color-neutral-12-ink: oklch(19.79752% 0 none / 1);
7185
- --color-neutral-12-ink-muted: oklch(51.500747% 0 none / 1);
7186
- --color-status-danger-1: oklch(20.917018% 0.020687 23.02606 / 1);
7187
- --color-status-danger-a1: oklch(25.589627% 0.118163 28.958133 / 0.02);
7188
- --color-status-danger-1-ink: oklch(92.270203% 0.004137 23.02606 / 1);
7189
- --color-status-danger-1-ink-muted: oklch(76.653643% 0.004137 23.02606 / 1);
7190
- --color-status-danger-2: oklch(22.190453% 0.028614 23.02606 / 1);
7191
- --color-status-danger-a2: oklch(35.517517% 0.123047 41.213689 / 0.047);
7192
- --color-status-danger-2-ink: oklch(92.443089% 0.005723 23.02606 / 1);
7193
- --color-status-danger-2-ink-muted: oklch(76.854703% 0.005723 23.02606 / 1);
7194
- --color-status-danger-3: oklch(27.925747% 0.059549 23.02606 / 1);
7195
- --color-status-danger-a3: oklch(47.645191% 0.138897 25.055893 / 0.125);
7196
- --color-status-danger-3-ink: oklch(93.494673% 0.01191 23.02606 / 1);
7197
- --color-status-danger-3-ink-muted: oklch(78.081898% 0.01191 23.02606 / 1);
7198
- --color-status-danger-4: oklch(32.725747% 0.087003 23.02606 / 1);
7199
- --color-status-danger-a4: oklch(53.569319% 0.169444 25.566189 / 0.176);
7200
- --color-status-danger-4-ink: oklch(94.790301% 0.017401 23.02606 / 1);
7201
- --color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
7202
- --color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
7203
- --color-status-danger-a5: oklch(56.750771% 0.166348 24.27652 / 0.235);
7204
- --color-status-danger-5-ink: oklch(96.268087% 0.019489 23.02606 / 1);
7205
- --color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
7206
- --color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
7207
- --color-status-danger-a6: oklch(60.718746% 0.156724 23.848317 / 0.294);
7208
- --color-status-danger-6-ink: oklch(98.059582% 0.012272 23.02606 / 1);
7209
- --color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
7210
- --color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
7211
- --color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
7212
- --color-status-danger-7-ink: oklch(99.784591% 0.001344 23.02606 / 1);
7213
- --color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
7214
- --color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
7215
- --color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
7216
- --color-status-danger-8-ink: oklch(100% 0 none / 1);
7217
- --color-status-danger-8-ink-muted: oklch(96.569028% 0.021951 23.02606 / 1);
7218
- --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
7219
- --color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
7220
- --color-status-danger-9-ink: oklch(100% 0 none / 1);
7221
- --color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
7222
- --color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
7223
- --color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
7224
- --color-status-danger-10-ink: oklch(100% 0 none / 1);
7225
- --color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
7226
- --color-status-danger-11: oklch(78.331653% 0.153899 23.02606 / 1);
7227
- --color-status-danger-a11: oklch(80.016885% 0.147187 22.589407 / 0.898);
7228
- --color-status-danger-11-ink: oklch(28.008783% 0.03078 23.02606 / 1);
7229
- --color-status-danger-11-ink-muted: oklch(25.214297% 0.03 23.02606 / 1);
7230
- --color-status-danger-12: oklch(92.624873% 0.04868 23.583422 / 1);
7231
- --color-status-danger-a12: oklch(93.351225% 0.043631 23.367916 / 0.965);
7232
- --color-status-danger-12-ink: oklch(16.933938% 0.009736 23.583422 / 1);
7233
- --color-status-danger-12-ink-muted: oklch(51.354718% 0.009736 23.583422 / 1);
7234
- --color-status-information-1: oklch(20.921299% 0.020655 251.779887 / 1);
7235
- --color-status-information-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
7236
- --color-status-information-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
7237
- --color-status-information-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
7238
- --color-status-information-2: oklch(22.195498% 0.02857 251.779887 / 1);
7239
- --color-status-information-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
7240
- --color-status-information-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
7241
- --color-status-information-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
7242
- --color-status-information-3: oklch(27.93859% 0.059456 251.779887 / 1);
7243
- --color-status-information-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
7244
- --color-status-information-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
7245
- --color-status-information-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
7246
- --color-status-information-4: oklch(32.73859% 0.086868 251.779887 / 1);
7247
- --color-status-information-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
7248
- --color-status-information-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
7249
- --color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
7250
- --color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
7251
- --color-status-information-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
7252
- --color-status-information-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
7253
- --color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
7254
- --color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
7255
- --color-status-information-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
7256
- --color-status-information-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
7257
- --color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
7258
- --color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
7259
- --color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
7260
- --color-status-information-7-ink: oklch(100% 0 none / 1);
7261
- --color-status-information-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
7262
- --color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
7263
- --color-status-information-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
7264
- --color-status-information-8-ink: oklch(100% 0 none / 1);
7265
- --color-status-information-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
7266
- --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
7267
- --color-status-information-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
7268
- --color-status-information-9-ink: oklch(100% 0 none / 1);
7269
- --color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
7270
- --color-status-information-10: oklch(56.215754% 0.183388 251.779887 / 1);
7271
- --color-status-information-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
7272
- --color-status-information-10-ink: oklch(100% 0 none / 1);
7273
- --color-status-information-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
7274
- --color-status-information-11: oklch(76.009909% 0.139824 248.518651 / 1);
7275
- --color-status-information-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
7276
- --color-status-information-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
7277
- --color-status-information-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
7278
- --color-status-information-12: oklch(92.037298% 0.045225 244.632508 / 1);
7279
- --color-status-information-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
7280
- --color-status-information-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
7281
- --color-status-information-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
7282
- --color-status-success-1: oklch(20.940932% 0.014218 157.679534 / 1);
7283
- --color-status-success-a1: oklch(19.582074% 0.044618 200.004523 / 0.02);
7284
- --color-status-success-1-ink: oklch(92.228749% 0.002844 157.679534 / 1);
7285
- --color-status-success-1-ink-muted: oklch(76.619437% 0.002844 157.679534 / 1);
7286
- --color-status-success-2: oklch(22.338503% 0.019666 157.679534 / 1);
7287
- --color-status-success-a2: oklch(33.810522% 0.10657 159.326583 / 0.047);
7288
- --color-status-success-2-ink: oklch(92.407825% 0.003933 157.679534 / 1);
7289
- --color-status-success-2-ink-muted: oklch(76.833434% 0.003933 157.679534 / 1);
7290
- --color-status-success-3: oklch(27.997491% 0.040926 157.679534 / 1);
7291
- --color-status-success-a3: oklch(47.549494% 0.099237 158.106747 / 0.125);
7292
- --color-status-success-3-ink: oklch(93.466356% 0.008185 157.679534 / 1);
7293
- --color-status-success-3-ink-muted: oklch(78.089943% 0.008185 157.679534 / 1);
7294
- --color-status-success-4: oklch(32.797491% 0.059794 157.679534 / 1);
7295
- --color-status-success-a4: oklch(53.749953% 0.118772 157.610583 / 0.176);
7296
- --color-status-success-4-ink: oklch(94.904461% 0.011959 157.679534 / 1);
7297
- --color-status-success-4-ink-muted: oklch(79.783536% 0.011959 157.679534 / 1);
7298
- --color-status-success-5: oklch(36.997491% 0.066969 157.679534 / 1);
7299
- --color-status-success-a5: oklch(56.887883% 0.115676 157.640944 / 0.235);
7300
- --color-status-success-5-ink: oklch(96.496254% 0.013394 157.679534 / 1);
7301
- --color-status-success-5-ink-muted: oklch(81.641349% 0.013394 157.679534 / 1);
7302
- --color-status-success-6: oklch(41.797491% 0.069494 157.679534 / 1);
7303
- --color-status-success-a6: oklch(60.841675% 0.108338 157.660028 / 0.294);
7304
- --color-status-success-6-ink: oklch(98.509233% 0.013899 157.679534 / 1);
7305
- --color-status-success-6-ink-muted: oklch(83.972989% 0.013899 157.679534 / 1);
7306
- --color-status-success-7: oklch(47.697491% 0.078662 157.679534 / 1);
7307
- --color-status-success-a7: oklch(65.007154% 0.111551 157.668655 / 0.373);
7308
- --color-status-success-7-ink: oklch(100% 0 none / 1);
7309
- --color-status-success-7-ink-muted: oklch(88.281893% 0.015732 157.679534 / 1);
7310
- --color-status-success-8: oklch(55.997491% 0.096202 157.679534 / 1);
7311
- --color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
7312
- --color-status-success-8-ink: oklch(0% 0 none / 1);
7313
- --color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
7314
- --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
7315
- --color-status-success-a9: oklch(59.428984% 0.146272 157.674414 / 0.765);
7316
- --color-status-success-9-ink: oklch(100% 0 none / 1);
7317
- --color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
7318
- --color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
7319
- --color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
7320
- --color-status-success-10-ink: oklch(100% 0 none / 1);
7321
- --color-status-success-10-ink-muted: oklch(99.041953% 0.015675 157.679534 / 1);
7322
- --color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
7323
- --color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
7324
- --color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
7325
- --color-status-success-11-ink-muted: oklch(25.047527% 0.021154 157.679534 / 1);
7326
- --color-status-success-12: oklch(92.002315% 0.036806 157.679534 / 1);
7327
- --color-status-success-a12: oklch(93.087984% 0.037235 157.679499 / 0.965);
7328
- --color-status-success-12-ink: oklch(19.867544% 0.007361 157.679534 / 1);
7329
- --color-status-success-12-ink-muted: oklch(51.423995% 0.007361 157.679534 / 1);
7330
- --color-status-warning-1: oklch(20.948603% 0.016821 84.129977 / 1);
7331
- --color-status-warning-a1: oklch(24.566755% 0.058099 84.19315 / 0.02);
7332
- --color-status-warning-1-ink: oklch(92.242276% 0.003364 84.129977 / 1);
7333
- --color-status-warning-1-ink-muted: oklch(76.629085% 0.003364 84.129977 / 1);
7334
- --color-status-warning-2: oklch(22.303061% 0.023267 84.129977 / 1);
7335
- --color-status-warning-a2: oklch(37.719506% 0.089549 81.842622 / 0.047);
7336
- --color-status-warning-2-ink: oklch(92.414459% 0.004653 84.129977 / 1);
7337
- --color-status-warning-2-ink-muted: oklch(76.832544% 0.004653 84.129977 / 1);
7338
- --color-status-warning-3: oklch(28.020502% 0.04842 84.129977 / 1);
7339
- --color-status-warning-a3: oklch(48.817333% 0.115313 85.249085 / 0.125);
7340
- --color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
7341
- --color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
7342
- --color-status-warning-4: oklch(32.820502% 0.070743 84.129977 / 1);
7343
- --color-status-warning-a4: oklch(55.516221% 0.130951 87.583171 / 0.176);
7344
- --color-status-warning-4-ink: oklch(94.763864% 0.014149 84.129977 / 1);
7345
- --color-status-warning-4-ink-muted: oklch(79.59433% 0.014149 84.129977 / 1);
7346
- --color-status-warning-5: oklch(37.020502% 0.079232 84.129977 / 1);
7347
- --color-status-warning-a5: oklch(57.697505% 0.136121 87.029151 / 0.235);
7348
- --color-status-warning-5-ink: oklch(96.299278% 0.015846 84.129977 / 1);
7349
- --color-status-warning-5-ink-muted: oklch(81.3857% 0.015846 84.129977 / 1);
7350
- --color-status-warning-6: oklch(41.820502% 0.082219 84.129977 / 1);
7351
- --color-status-warning-a6: oklch(60.980333% 0.130722 84.431924 / 0.294);
7352
- --color-status-warning-6-ink: oklch(98.256252% 0.016444 84.129977 / 1);
7353
- --color-status-warning-6-ink-muted: oklch(83.654598% 0.016444 84.129977 / 1);
7354
- --color-status-warning-7: oklch(47.720502% 0.093067 84.129977 / 1);
7355
- --color-status-warning-a7: oklch(65.085666% 0.133373 84.363137 / 0.373);
7356
- --color-status-warning-7-ink: oklch(100% 0 none / 1);
7357
- --color-status-warning-7-ink-muted: oklch(86.983354% 0.018613 84.129977 / 1);
7358
- --color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
7359
- --color-status-warning-a8: oklch(70.803693% 0.147592 84.202555 / 0.482);
7360
- --color-status-warning-8-ink: oklch(100% 0 none / 1);
7361
- --color-status-warning-8-ink-muted: oklch(98.503291% 0.018844 84.129977 / 1);
7362
- --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
7363
- --color-status-warning-a9: oklch(89.626209% 0.160343 89.547426 / 0.826572);
7364
- --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
7365
- --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
7366
- --color-status-warning-10: oklch(89.098918% 0.148203 85.476085 / 1);
7367
- --color-status-warning-a10: oklch(91.072336% 0.146892 91.373546 / 0.899066);
7368
- --color-status-warning-10-ink: oklch(38.59685% 0.029641 85.476085 / 1);
7369
- --color-status-warning-10-ink-muted: oklch(48.834538% 0.029641 85.476085 / 1);
7370
- --color-status-warning-11: oklch(76.965573% 0.125137 84.129977 / 1);
7371
- --color-status-warning-a11: oklch(79.687573% 0.12976 84.141183 / 0.899066);
7372
- --color-status-warning-11-ink: oklch(27.92169% 0.025027 84.129977 / 1);
7373
- --color-status-warning-11-ink-muted: oklch(25.159437% 0.025027 84.129977 / 1);
7374
- --color-status-warning-12: oklch(92.432169% 0.043546 84.129977 / 1);
7375
- --color-status-warning-a12: oklch(93.523117% 0.044054 84.131212 / 0.965);
7376
- --color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
7377
- --color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
7378
- }
7379
- }
7380
- :root, .light {
7381
- --breakpoint-sm: 640px;
7382
- --breakpoint-md: 768px;
7383
- --breakpoint-lg: 1024px;
7384
- --breakpoint-xl: 1280px;
7385
- --breakpoint-2xl: 1536px;
7386
- --border-width-0: 0px;
7387
- --border-width-1: 1px;
7388
- --border-width-2: 2px;
7389
- --border-width-3: 4px;
7390
- --border-width-edge-perimeter: var(--border-width-1);
7391
- --border-width-edge-control: var(--border-width-1);
7392
- --border-width-edge-separator: var(--border-width-1);
7393
- --border-width-edge-divider: var(--border-width-1);
7394
- --radius-1: 1px;
7395
- --radius-2: 2.5px;
7396
- --radius-3: 4px;
7397
- --radius-4: 6px;
7398
- --radius-5: 8px;
7399
- --radius-6: 10.5px;
7400
- --radius-control: var(--radius-3);
7401
- --radius-control-xs: var(--radius-1);
7402
- --radius-control-sm: var(--radius-2);
7403
- --radius-control-md: var(--radius-3);
7404
- --radius-control-lg: var(--radius-4);
7405
- --radius-surface: var(--radius-4);
7406
- --radius-surface-xs: var(--radius-2);
7407
- --radius-surface-sm: var(--radius-3);
7408
- --radius-surface-md: var(--radius-4);
7409
- --radius-surface-lg: var(--radius-5);
7410
- --radius-overlay: var(--radius-5);
7411
- --radius-overlay-xs: var(--radius-3);
7412
- --radius-overlay-sm: var(--radius-4);
7413
- --radius-overlay-md: var(--radius-5);
7414
- --radius-overlay-lg: var(--radius-6);
7415
- --radius-none: 0px;
7416
- --radius-full: 9999px;
7417
- --radius-circle: 50%;
7418
- --spacing-0: 0px;
7419
- --spacing-0\.5: 2px;
7420
- --spacing-1: 4px;
7421
- --spacing-1\.5: 6px;
7422
- --spacing-2: 8px;
7423
- --spacing-2\.5: 10px;
7424
- --spacing-3: 12px;
7425
- --spacing-3\.5: 14px;
7426
- --spacing-4: 16px;
7427
- --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
7428
- --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
7429
- --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
7430
- --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
7431
- --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
7432
- --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
7433
- --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
7434
- --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
7435
- --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
7436
- --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
7437
- --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
7438
- --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
7439
- --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
7440
- --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
7441
- --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
7442
- --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
7443
- --spacing-control-gap: var(--spacing-2);
7444
- --spacing-control-padding-xs: var(--spacing-2);
7445
- --spacing-control-padding-sm: var(--spacing-2);
7446
- --spacing-control-padding-md: var(--spacing-3);
7447
- --spacing-control-padding-lg: var(--spacing-3);
7448
- --spacing-control-padding-xlg: var(--spacing-4);
7449
- --spacing-badge-padding-xs: var(--spacing-1\.5);
7450
- --spacing-badge-padding-sm: var(--spacing-2);
7451
- --spacing-badge-padding-md: var(--spacing-2\.5);
7452
- --spacing-badge-padding-lg: var(--spacing-3);
7453
- --spacing-badge-padding-xlg: var(--spacing-4);
7454
- --spacing-popover-padding: var(--spacing-1\.5);
7455
- --spacing-menu-item-padding-inline: var(--spacing-2\.5);
7456
- --spacing-app-region-gap: var(--spacing-2);
7457
- --spacing-app-region-padding-inline: var(--spacing-4);
7458
- --spacing-app-region-padding-block: var(--spacing-3);
7459
- --spacing-sidebar-header-gap: var(--spacing-2);
7460
- --spacing-sidebar-header-padding-inline: var(--spacing-3);
7461
- --spacing-sidebar-header-padding-block: var(--spacing-2);
7462
- --spacing-sidebar-content-gap: var(--spacing-1);
7463
- --spacing-sidebar-content-padding-inline: var(--spacing-2);
7464
- --spacing-sidebar-content-padding-block: var(--spacing-2);
7465
- --font-mono: "Fira Code", ui-monospace, monospace;
7466
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
7467
- --text-1: 12px;
7468
- --text-1--line-height: 16px;
7469
- --text-1--letter-spacing: 0em;
7470
- --leading-type-1: var(--text-1--line-height);
7471
- --tracking-type-1: var(--text-1--letter-spacing);
7472
- --text-xs: var(--text-1);
7473
- --text-xs--line-height: var(--text-1--line-height);
7474
- --text-xs--letter-spacing: var(--text-1--letter-spacing);
7475
- --text-2: 14px;
7476
- --text-2--line-height: 20px;
7477
- --text-2--letter-spacing: 0em;
7478
- --leading-type-2: var(--text-2--line-height);
7479
- --tracking-type-2: var(--text-2--letter-spacing);
7480
- --text-sm: var(--text-2);
7481
- --text-sm--line-height: var(--text-2--line-height);
7482
- --text-sm--letter-spacing: var(--text-2--letter-spacing);
7483
- --text-3: 16px;
7484
- --text-3--line-height: 24px;
7485
- --text-3--letter-spacing: 0em;
7486
- --leading-type-3: var(--text-3--line-height);
7487
- --tracking-type-3: var(--text-3--letter-spacing);
7488
- --text-base: var(--text-3);
7489
- --text-base--line-height: var(--text-3--line-height);
7490
- --text-base--letter-spacing: var(--text-3--letter-spacing);
7491
- --text-4: 18px;
7492
- --text-4--line-height: 26px;
7493
- --text-4--letter-spacing: 0em;
7494
- --leading-type-4: var(--text-4--line-height);
7495
- --tracking-type-4: var(--text-4--letter-spacing);
7496
- --text-lg: var(--text-4);
7497
- --text-lg--line-height: var(--text-4--line-height);
7498
- --text-lg--letter-spacing: var(--text-4--letter-spacing);
7499
- --text-5: 20px;
7500
- --text-5--line-height: 28px;
7501
- --text-5--letter-spacing: 0em;
7502
- --leading-type-5: var(--text-5--line-height);
7503
- --tracking-type-5: var(--text-5--letter-spacing);
7504
- --text-xl: var(--text-5);
7505
- --text-xl--line-height: var(--text-5--line-height);
7506
- --text-xl--letter-spacing: var(--text-5--letter-spacing);
7507
- --text-6: 30px;
7508
- --text-6--line-height: 38px;
7509
- --text-6--letter-spacing: -0.01em;
7510
- --leading-type-6: var(--text-6--line-height);
7511
- --tracking-type-6: var(--text-6--letter-spacing);
7512
- --text-2xl: var(--text-6);
7513
- --text-2xl--line-height: var(--text-6--line-height);
7514
- --text-2xl--letter-spacing: var(--text-6--letter-spacing);
7515
- --text-7: 36px;
7516
- --text-7--line-height: 44px;
7517
- --text-7--letter-spacing: -0.015em;
7518
- --leading-type-7: var(--text-7--line-height);
7519
- --tracking-type-7: var(--text-7--letter-spacing);
7520
- --text-3xl: var(--text-7);
7521
- --text-3xl--line-height: var(--text-7--line-height);
7522
- --text-3xl--letter-spacing: var(--text-7--letter-spacing);
7523
- --text-8: 48px;
7524
- --text-8--line-height: 56px;
7525
- --text-8--letter-spacing: -0.02em;
7526
- --leading-type-8: var(--text-8--line-height);
7527
- --tracking-type-8: var(--text-8--letter-spacing);
7528
- --text-4xl: var(--text-8);
7529
- --text-4xl--line-height: var(--text-8--line-height);
7530
- --text-4xl--letter-spacing: var(--text-8--letter-spacing);
7531
- --text-9: 60px;
7532
- --text-9--line-height: 64px;
7533
- --text-9--letter-spacing: -0.025em;
7534
- --leading-type-9: var(--text-9--line-height);
7535
- --tracking-type-9: var(--text-9--letter-spacing);
7536
- --text-5xl: var(--text-9);
7537
- --text-5xl--line-height: var(--text-9--line-height);
7538
- --text-5xl--letter-spacing: var(--text-9--letter-spacing);
7539
- --text-10: 72px;
7540
- --text-10--line-height: 76px;
7541
- --text-10--letter-spacing: -0.03em;
7542
- --leading-type-10: var(--text-10--line-height);
7543
- --tracking-type-10: var(--text-10--letter-spacing);
7544
- --text-6xl: var(--text-10);
7545
- --text-6xl--line-height: var(--text-10--line-height);
7546
- --text-6xl--letter-spacing: var(--text-10--letter-spacing);
7547
- --text-11: 84px;
7548
- --text-11--line-height: 88px;
7549
- --text-11--letter-spacing: -0.035em;
7550
- --leading-type-11: var(--text-11--line-height);
7551
- --tracking-type-11: var(--text-11--letter-spacing);
7552
- --text-7xl: var(--text-11);
7553
- --text-7xl--line-height: var(--text-11--line-height);
7554
- --text-7xl--letter-spacing: var(--text-11--letter-spacing);
7555
- --text-12: 96px;
7556
- --text-12--line-height: 100px;
7557
- --text-12--letter-spacing: -0.04em;
7558
- --leading-type-12: var(--text-12--line-height);
7559
- --tracking-type-12: var(--text-12--letter-spacing);
7560
- --text-8xl: var(--text-12);
7561
- --text-8xl--line-height: var(--text-12--line-height);
7562
- --text-8xl--letter-spacing: var(--text-12--letter-spacing);
7563
- --text-13: 128px;
7564
- --text-13--line-height: 132px;
7565
- --text-13--letter-spacing: -0.045em;
7566
- --leading-type-13: var(--text-13--line-height);
7567
- --tracking-type-13: var(--text-13--letter-spacing);
7568
- --text-9xl: var(--text-13);
7569
- --text-9xl--line-height: var(--text-13--line-height);
7570
- --text-9xl--letter-spacing: var(--text-13--letter-spacing);
7571
- --font-weight-normal: 400;
7572
- --font-weight-medium: 500;
7573
- --font-weight-semibold: 600;
7574
- --font-weight-bold: 700;
7575
- --label-ink-emphasis: 35%;
7576
- --text-body: var(--text-2);
7577
- --text-body--line-height: var(--text-2--line-height);
7578
- --text-body--letter-spacing: var(--text-2--letter-spacing);
7579
- --font-body: var(--font-sans);
7580
- --font-weight-body: var(--font-weight-normal);
7581
- --text-heading: var(--text-2);
7582
- --text-heading--line-height: var(--text-2--line-height);
7583
- --text-heading--letter-spacing: var(--text-2--letter-spacing);
7584
- --font-heading: var(--font-sans);
7585
- --font-weight-heading: var(--font-weight-medium);
7586
- --text-code: var(--text-2);
7587
- --text-code--line-height: var(--text-2--line-height);
7588
- --text-code--letter-spacing: var(--text-2--letter-spacing);
7589
- --font-code: var(--font-mono);
7590
- --font-weight-code: var(--font-weight-normal);
7591
- --text-control-xs: var(--text-1);
7592
- --text-control-xs--line-height: var(--text-1--line-height);
7593
- --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
7594
- --font-control: var(--font-sans);
7595
- --font-weight-control-xs: var(--font-weight-normal);
7596
- --text-control-sm: var(--text-1);
7597
- --text-control-sm--line-height: var(--text-1--line-height);
7598
- --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
7599
- --font-weight-control-sm: var(--font-weight-normal);
7600
- --text-control-md: var(--text-2);
7601
- --text-control-md--line-height: var(--text-2--line-height);
7602
- --text-control-md--letter-spacing: var(--text-2--letter-spacing);
7603
- --font-weight-control-md: var(--font-weight-normal);
7604
- --text-control-lg: var(--text-2);
7605
- --text-control-lg--line-height: var(--text-2--line-height);
7606
- --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
7607
- --font-weight-control-lg: var(--font-weight-normal);
7608
- --text-control-xlg: var(--text-2);
7609
- --text-control-xlg--line-height: var(--text-2--line-height);
7610
- --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
7611
- --font-weight-control-xlg: var(--font-weight-normal);
7612
- --text-badge-xs: var(--text-1);
7613
- --text-badge-xs--line-height: var(--text-1--line-height);
7614
- --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
7615
- --font-badge: var(--font-sans);
7616
- --font-weight-badge-xs: var(--font-weight-medium);
7617
- --text-badge-sm: var(--text-1);
7618
- --text-badge-sm--line-height: var(--text-1--line-height);
7619
- --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
7620
- --font-weight-badge-sm: var(--font-weight-medium);
7621
- --text-badge-md: var(--text-2);
7622
- --text-badge-md--line-height: var(--text-2--line-height);
7623
- --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
7624
- --font-weight-badge-md: var(--font-weight-medium);
7625
- --text-badge-lg: var(--text-2);
7626
- --text-badge-lg--line-height: var(--text-2--line-height);
7627
- --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
7628
- --font-weight-badge-lg: var(--font-weight-medium);
7629
- --text-badge-xlg: var(--text-2);
7630
- --text-badge-xlg--line-height: var(--text-2--line-height);
7631
- --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
7632
- --font-weight-badge-xlg: var(--font-weight-medium);
7633
- --text-label: var(--text-2);
7634
- --text-label--line-height: var(--text-2--line-height);
7635
- --text-label--letter-spacing: var(--text-2--letter-spacing);
7636
- --font-label: var(--font-sans);
7637
- --font-weight-label: var(--font-weight-normal);
7638
- --text-description: var(--text-2);
7639
- --text-description--line-height: var(--text-2--line-height);
7640
- --text-description--letter-spacing: var(--text-2--letter-spacing);
7641
- --font-description: var(--font-sans);
7642
- --font-weight-description: var(--font-weight-normal);
7643
- --text-metadata: var(--text-1);
7644
- --text-metadata--line-height: var(--text-1--line-height);
7645
- --text-metadata--letter-spacing: var(--text-1--letter-spacing);
7646
- --font-metadata: var(--font-sans);
7647
- --font-weight-metadata: var(--font-weight-normal);
7648
- --text-menu-item: var(--text-2);
7649
- --text-menu-item--line-height: var(--text-2--line-height);
7650
- --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
7651
- --font-menu-item: var(--font-sans);
7652
- --font-weight-menu-item: var(--font-weight-normal);
7653
- --spacing-control-xs: 20px;
7654
- --spacing-control-sm: 24px;
7655
- --spacing-control-md: 28px;
7656
- --spacing-control-lg: 32px;
7657
- --spacing-control-xlg: 36px;
7658
- --spacing-control-multiline-xs: 32px;
7659
- --spacing-control-multiline-sm: 36px;
7660
- --spacing-control-multiline-md: 48px;
7661
- --spacing-control-multiline-lg: 80px;
7662
- --spacing-control-multiline-xlg: 96px;
7663
- --spacing-icon-xs: 12px;
7664
- --spacing-icon-sm: 14px;
7665
- --spacing-icon-md: 14px;
7666
- --spacing-icon-lg: 16px;
7667
- --spacing-icon-xlg: 20px;
7668
- --spacing-brand-logo-xs: 16px;
7669
- --spacing-brand-logo-sm: 20px;
7670
- --spacing-brand-logo-md: 24px;
7671
- --spacing-brand-logo-lg: 24px;
7672
- --spacing-brand-logo-xlg: 32px;
7673
- --spacing-badge-close-xs: 16px;
7674
- --spacing-badge-close-sm: 16px;
7675
- --spacing-badge-close-md: 20px;
7676
- --spacing-badge-close-lg: 20px;
7677
- --spacing-badge-close-xlg: 24px;
7678
- --spacing-checkbox-indicator-xs: 12px;
7679
- --spacing-checkbox-indicator-sm: 14px;
7680
- --spacing-checkbox-indicator-md: 16px;
7681
- --spacing-checkbox-indicator-lg: 16px;
7682
- --spacing-checkbox-indicator-xlg: 20px;
7683
- --spacing-radio-indicator-xs: 12px;
7684
- --spacing-radio-indicator-sm: 14px;
7685
- --spacing-radio-indicator-md: 16px;
7686
- --spacing-radio-indicator-lg: 16px;
7687
- --spacing-radio-indicator-xlg: 20px;
7688
- --spacing-radio-dot-xs: 4px;
7689
- --spacing-radio-dot-sm: 6px;
7690
- --spacing-radio-dot-md: 6px;
7691
- --spacing-radio-dot-lg: 8px;
7692
- --spacing-radio-dot-xlg: 10px;
7693
- --spacing-switch-track-width-xs: 24px;
7694
- --spacing-switch-track-width-sm: 28px;
7695
- --spacing-switch-track-width-md: 36px;
7696
- --spacing-switch-track-width-lg: 44px;
7697
- --spacing-switch-track-width-xlg: 56px;
7698
- --spacing-switch-track-height-xs: 14px;
7699
- --spacing-switch-track-height-sm: 16px;
7700
- --spacing-switch-track-height-md: 20px;
7701
- --spacing-switch-track-height-lg: 24px;
7702
- --spacing-switch-track-height-xlg: 28px;
7703
- --spacing-switch-thumb-xs: 10px;
7704
- --spacing-switch-thumb-sm: 12px;
7705
- --spacing-switch-thumb-md: 16px;
7706
- --spacing-switch-thumb-lg: 20px;
7707
- --spacing-switch-thumb-xlg: 24px;
7708
- --spacing-switch-inset: 2px;
7709
- --spacing-switch-travel-xs: 10px;
7710
- --spacing-switch-travel-sm: 12px;
7711
- --spacing-switch-travel-md: 16px;
7712
- --spacing-switch-travel-lg: 20px;
7713
- --spacing-switch-travel-xlg: 28px;
7714
- --spacing-slider-track-xs: 4px;
7715
- --spacing-slider-track-sm: 4px;
7716
- --spacing-slider-track-md: 6px;
7717
- --spacing-slider-track-lg: 6px;
7718
- --spacing-slider-track-xlg: 8px;
7719
- --spacing-slider-thumb-xs: 12px;
7720
- --spacing-slider-thumb-sm: 14px;
7721
- --spacing-slider-thumb-md: 16px;
7722
- --spacing-slider-thumb-lg: 18px;
7723
- --spacing-slider-thumb-xlg: 20px;
7724
- --spacing-scrollbar: 6px;
7725
- --spacing-scrollbar-inset: 2px;
7726
- --spacing-menu-item: var(--spacing-control-lg);
7727
- --spacing-select-listbox: 256px;
7728
- --spacing-panel-collapsed: 48px;
7729
- --spacing-panel-resize-handle: 8px;
7730
- --spacing-panel-resize-handle-coarse: 24px;
7731
- --spacing-sidebar-width: 256px;
7732
- --spacing-sidebar-drawer-width: 288px;
7733
- --spacing-sidebar-min-width: 192px;
7734
- --spacing-sidebar-max-width: 448px;
7735
- --spacing-sidebar-min-height: 48px;
7736
- --spacing-sidebar-max-height: 288px;
7737
- --container-xs: 320px;
7738
- --container-sm: 384px;
7739
- --container-md: 448px;
7740
- --container-lg: 512px;
7741
- --container-xl: 576px;
7742
- --container-2xl: 672px;
7743
- --container-3xl: 768px;
7744
- --container-4xl: 896px;
7745
- --container-5xl: 1024px;
7746
- --container-6xl: 1152px;
7747
- --container-7xl: 1280px;
7748
- --container-modal-sm: 384px;
7749
- --container-modal-md: 512px;
7750
- --container-modal-lg: 672px;
7751
- --container-modal-xl: 896px;
7752
- --spacing-panel-1-min: 160px;
7753
- --spacing-panel-1: 192px;
7754
- --spacing-panel-1-max: 240px;
7755
- --spacing-panel-2-min: 192px;
7756
- --spacing-panel-2: 240px;
7757
- --spacing-panel-2-max: 288px;
7758
- --spacing-panel-3-min: 240px;
7759
- --spacing-panel-3: 320px;
7760
- --spacing-panel-3-max: 384px;
7761
- --spacing-panel-4-min: 288px;
7762
- --spacing-panel-4: 384px;
7763
- --spacing-panel-4-max: 480px;
7764
- --spacing-panel-5-min: 320px;
7765
- --spacing-panel-5: 480px;
7766
- --spacing-panel-5-max: 640px;
7767
- --spacing-panel-6-min: 384px;
7768
- --spacing-panel-6: 640px;
7769
- --spacing-panel-6-max: 768px;
7770
- --spacing-icon: var(--spacing-icon-md);
7771
- --container-prose: 65ch;
7772
- }
7773
- .dark {
7774
- --breakpoint-sm: 640px;
7775
- --breakpoint-md: 768px;
7776
- --breakpoint-lg: 1024px;
7777
- --breakpoint-xl: 1280px;
7778
- --breakpoint-2xl: 1536px;
7779
- --border-width-0: 0px;
7780
- --border-width-1: 1px;
7781
- --border-width-2: 2px;
7782
- --border-width-3: 4px;
7783
- --border-width-edge-perimeter: var(--border-width-1);
7784
- --border-width-edge-control: var(--border-width-1);
7785
- --border-width-edge-separator: var(--border-width-1);
7786
- --border-width-edge-divider: var(--border-width-1);
7787
- --radius-1: 1px;
7788
- --radius-2: 2.5px;
7789
- --radius-3: 4px;
7790
- --radius-4: 6px;
7791
- --radius-5: 8px;
7792
- --radius-6: 10.5px;
7793
- --radius-control: var(--radius-3);
7794
- --radius-control-xs: var(--radius-1);
7795
- --radius-control-sm: var(--radius-2);
7796
- --radius-control-md: var(--radius-3);
7797
- --radius-control-lg: var(--radius-4);
7798
- --radius-surface: var(--radius-4);
7799
- --radius-surface-xs: var(--radius-2);
7800
- --radius-surface-sm: var(--radius-3);
7801
- --radius-surface-md: var(--radius-4);
7802
- --radius-surface-lg: var(--radius-5);
7803
- --radius-overlay: var(--radius-5);
7804
- --radius-overlay-xs: var(--radius-3);
7805
- --radius-overlay-sm: var(--radius-4);
7806
- --radius-overlay-md: var(--radius-5);
7807
- --radius-overlay-lg: var(--radius-6);
7808
- --radius-none: 0px;
7809
- --radius-full: 9999px;
7810
- --radius-circle: 50%;
7811
- --spacing-0: 0px;
7812
- --spacing-0\.5: 2px;
7813
- --spacing-1: 4px;
7814
- --spacing-1\.5: 6px;
7815
- --spacing-2: 8px;
7816
- --spacing-2\.5: 10px;
7817
- --spacing-3: 12px;
7818
- --spacing-3\.5: 14px;
7819
- --spacing-4: 16px;
7820
- --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
7821
- --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
7822
- --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
7823
- --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
7824
- --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
7825
- --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
7826
- --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
7827
- --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
7828
- --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
7829
- --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
7830
- --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
7831
- --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
7832
- --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
7833
- --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
7834
- --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
7835
- --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
7836
- --spacing-control-gap: var(--spacing-2);
7837
- --spacing-control-padding-xs: var(--spacing-2);
7838
- --spacing-control-padding-sm: var(--spacing-2);
7839
- --spacing-control-padding-md: var(--spacing-3);
7840
- --spacing-control-padding-lg: var(--spacing-3);
7841
- --spacing-control-padding-xlg: var(--spacing-4);
7842
- --spacing-badge-padding-xs: var(--spacing-1\.5);
7843
- --spacing-badge-padding-sm: var(--spacing-2);
7844
- --spacing-badge-padding-md: var(--spacing-2\.5);
7845
- --spacing-badge-padding-lg: var(--spacing-3);
7846
- --spacing-badge-padding-xlg: var(--spacing-4);
7847
- --spacing-popover-padding: var(--spacing-1\.5);
7848
- --spacing-menu-item-padding-inline: var(--spacing-2\.5);
7849
- --spacing-app-region-gap: var(--spacing-2);
7850
- --spacing-app-region-padding-inline: var(--spacing-4);
7851
- --spacing-app-region-padding-block: var(--spacing-3);
7852
- --spacing-sidebar-header-gap: var(--spacing-2);
7853
- --spacing-sidebar-header-padding-inline: var(--spacing-3);
7854
- --spacing-sidebar-header-padding-block: var(--spacing-2);
7855
- --spacing-sidebar-content-gap: var(--spacing-1);
7856
- --spacing-sidebar-content-padding-inline: var(--spacing-2);
7857
- --spacing-sidebar-content-padding-block: var(--spacing-2);
7858
- --font-mono: "Fira Code", ui-monospace, monospace;
7859
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
7860
- --text-1: 12px;
7861
- --text-1--line-height: 16px;
7862
- --text-1--letter-spacing: 0em;
7863
- --leading-type-1: var(--text-1--line-height);
7864
- --tracking-type-1: var(--text-1--letter-spacing);
7865
- --text-xs: var(--text-1);
7866
- --text-xs--line-height: var(--text-1--line-height);
7867
- --text-xs--letter-spacing: var(--text-1--letter-spacing);
7868
- --text-2: 14px;
7869
- --text-2--line-height: 20px;
7870
- --text-2--letter-spacing: 0em;
7871
- --leading-type-2: var(--text-2--line-height);
7872
- --tracking-type-2: var(--text-2--letter-spacing);
7873
- --text-sm: var(--text-2);
7874
- --text-sm--line-height: var(--text-2--line-height);
7875
- --text-sm--letter-spacing: var(--text-2--letter-spacing);
7876
- --text-3: 16px;
7877
- --text-3--line-height: 24px;
7878
- --text-3--letter-spacing: 0em;
7879
- --leading-type-3: var(--text-3--line-height);
7880
- --tracking-type-3: var(--text-3--letter-spacing);
7881
- --text-base: var(--text-3);
7882
- --text-base--line-height: var(--text-3--line-height);
7883
- --text-base--letter-spacing: var(--text-3--letter-spacing);
7884
- --text-4: 18px;
7885
- --text-4--line-height: 26px;
7886
- --text-4--letter-spacing: 0em;
7887
- --leading-type-4: var(--text-4--line-height);
7888
- --tracking-type-4: var(--text-4--letter-spacing);
7889
- --text-lg: var(--text-4);
7890
- --text-lg--line-height: var(--text-4--line-height);
7891
- --text-lg--letter-spacing: var(--text-4--letter-spacing);
7892
- --text-5: 20px;
7893
- --text-5--line-height: 28px;
7894
- --text-5--letter-spacing: 0em;
7895
- --leading-type-5: var(--text-5--line-height);
7896
- --tracking-type-5: var(--text-5--letter-spacing);
7897
- --text-xl: var(--text-5);
7898
- --text-xl--line-height: var(--text-5--line-height);
7899
- --text-xl--letter-spacing: var(--text-5--letter-spacing);
7900
- --text-6: 30px;
7901
- --text-6--line-height: 38px;
7902
- --text-6--letter-spacing: -0.01em;
7903
- --leading-type-6: var(--text-6--line-height);
7904
- --tracking-type-6: var(--text-6--letter-spacing);
7905
- --text-2xl: var(--text-6);
7906
- --text-2xl--line-height: var(--text-6--line-height);
7907
- --text-2xl--letter-spacing: var(--text-6--letter-spacing);
7908
- --text-7: 36px;
7909
- --text-7--line-height: 44px;
7910
- --text-7--letter-spacing: -0.015em;
7911
- --leading-type-7: var(--text-7--line-height);
7912
- --tracking-type-7: var(--text-7--letter-spacing);
7913
- --text-3xl: var(--text-7);
7914
- --text-3xl--line-height: var(--text-7--line-height);
7915
- --text-3xl--letter-spacing: var(--text-7--letter-spacing);
7916
- --text-8: 48px;
7917
- --text-8--line-height: 56px;
7918
- --text-8--letter-spacing: -0.02em;
7919
- --leading-type-8: var(--text-8--line-height);
7920
- --tracking-type-8: var(--text-8--letter-spacing);
7921
- --text-4xl: var(--text-8);
7922
- --text-4xl--line-height: var(--text-8--line-height);
7923
- --text-4xl--letter-spacing: var(--text-8--letter-spacing);
7924
- --text-9: 60px;
7925
- --text-9--line-height: 64px;
7926
- --text-9--letter-spacing: -0.025em;
7927
- --leading-type-9: var(--text-9--line-height);
7928
- --tracking-type-9: var(--text-9--letter-spacing);
7929
- --text-5xl: var(--text-9);
7930
- --text-5xl--line-height: var(--text-9--line-height);
7931
- --text-5xl--letter-spacing: var(--text-9--letter-spacing);
7932
- --text-10: 72px;
7933
- --text-10--line-height: 76px;
7934
- --text-10--letter-spacing: -0.03em;
7935
- --leading-type-10: var(--text-10--line-height);
7936
- --tracking-type-10: var(--text-10--letter-spacing);
7937
- --text-6xl: var(--text-10);
7938
- --text-6xl--line-height: var(--text-10--line-height);
7939
- --text-6xl--letter-spacing: var(--text-10--letter-spacing);
7940
- --text-11: 84px;
7941
- --text-11--line-height: 88px;
7942
- --text-11--letter-spacing: -0.035em;
7943
- --leading-type-11: var(--text-11--line-height);
7944
- --tracking-type-11: var(--text-11--letter-spacing);
7945
- --text-7xl: var(--text-11);
7946
- --text-7xl--line-height: var(--text-11--line-height);
7947
- --text-7xl--letter-spacing: var(--text-11--letter-spacing);
7948
- --text-12: 96px;
7949
- --text-12--line-height: 100px;
7950
- --text-12--letter-spacing: -0.04em;
7951
- --leading-type-12: var(--text-12--line-height);
7952
- --tracking-type-12: var(--text-12--letter-spacing);
7953
- --text-8xl: var(--text-12);
7954
- --text-8xl--line-height: var(--text-12--line-height);
7955
- --text-8xl--letter-spacing: var(--text-12--letter-spacing);
7956
- --text-13: 128px;
7957
- --text-13--line-height: 132px;
7958
- --text-13--letter-spacing: -0.045em;
7959
- --leading-type-13: var(--text-13--line-height);
7960
- --tracking-type-13: var(--text-13--letter-spacing);
7961
- --text-9xl: var(--text-13);
7962
- --text-9xl--line-height: var(--text-13--line-height);
7963
- --text-9xl--letter-spacing: var(--text-13--letter-spacing);
7964
- --font-weight-normal: 400;
7965
- --font-weight-medium: 500;
7966
- --font-weight-semibold: 600;
7967
- --font-weight-bold: 700;
7968
- --label-ink-emphasis: 35%;
7969
- --text-body: var(--text-2);
7970
- --text-body--line-height: var(--text-2--line-height);
7971
- --text-body--letter-spacing: var(--text-2--letter-spacing);
7972
- --font-body: var(--font-sans);
7973
- --font-weight-body: var(--font-weight-normal);
7974
- --text-heading: var(--text-2);
7975
- --text-heading--line-height: var(--text-2--line-height);
7976
- --text-heading--letter-spacing: var(--text-2--letter-spacing);
7977
- --font-heading: var(--font-sans);
7978
- --font-weight-heading: var(--font-weight-medium);
7979
- --text-code: var(--text-2);
7980
- --text-code--line-height: var(--text-2--line-height);
7981
- --text-code--letter-spacing: var(--text-2--letter-spacing);
7982
- --font-code: var(--font-mono);
7983
- --font-weight-code: var(--font-weight-normal);
7984
- --text-control-xs: var(--text-1);
7985
- --text-control-xs--line-height: var(--text-1--line-height);
7986
- --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
7987
- --font-control: var(--font-sans);
7988
- --font-weight-control-xs: var(--font-weight-normal);
7989
- --text-control-sm: var(--text-1);
7990
- --text-control-sm--line-height: var(--text-1--line-height);
7991
- --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
7992
- --font-weight-control-sm: var(--font-weight-normal);
7993
- --text-control-md: var(--text-2);
7994
- --text-control-md--line-height: var(--text-2--line-height);
7995
- --text-control-md--letter-spacing: var(--text-2--letter-spacing);
7996
- --font-weight-control-md: var(--font-weight-normal);
7997
- --text-control-lg: var(--text-2);
7998
- --text-control-lg--line-height: var(--text-2--line-height);
7999
- --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
8000
- --font-weight-control-lg: var(--font-weight-normal);
8001
- --text-control-xlg: var(--text-2);
8002
- --text-control-xlg--line-height: var(--text-2--line-height);
8003
- --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
8004
- --font-weight-control-xlg: var(--font-weight-normal);
8005
- --text-badge-xs: var(--text-1);
8006
- --text-badge-xs--line-height: var(--text-1--line-height);
8007
- --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
8008
- --font-badge: var(--font-sans);
8009
- --font-weight-badge-xs: var(--font-weight-medium);
8010
- --text-badge-sm: var(--text-1);
8011
- --text-badge-sm--line-height: var(--text-1--line-height);
8012
- --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
8013
- --font-weight-badge-sm: var(--font-weight-medium);
8014
- --text-badge-md: var(--text-2);
8015
- --text-badge-md--line-height: var(--text-2--line-height);
8016
- --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
8017
- --font-weight-badge-md: var(--font-weight-medium);
8018
- --text-badge-lg: var(--text-2);
8019
- --text-badge-lg--line-height: var(--text-2--line-height);
8020
- --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
8021
- --font-weight-badge-lg: var(--font-weight-medium);
8022
- --text-badge-xlg: var(--text-2);
8023
- --text-badge-xlg--line-height: var(--text-2--line-height);
8024
- --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
8025
- --font-weight-badge-xlg: var(--font-weight-medium);
8026
- --text-label: var(--text-2);
8027
- --text-label--line-height: var(--text-2--line-height);
8028
- --text-label--letter-spacing: var(--text-2--letter-spacing);
8029
- --font-label: var(--font-sans);
8030
- --font-weight-label: var(--font-weight-normal);
8031
- --text-description: var(--text-2);
8032
- --text-description--line-height: var(--text-2--line-height);
8033
- --text-description--letter-spacing: var(--text-2--letter-spacing);
8034
- --font-description: var(--font-sans);
8035
- --font-weight-description: var(--font-weight-normal);
8036
- --text-metadata: var(--text-1);
8037
- --text-metadata--line-height: var(--text-1--line-height);
8038
- --text-metadata--letter-spacing: var(--text-1--letter-spacing);
8039
- --font-metadata: var(--font-sans);
8040
- --font-weight-metadata: var(--font-weight-normal);
8041
- --text-menu-item: var(--text-2);
8042
- --text-menu-item--line-height: var(--text-2--line-height);
8043
- --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
8044
- --font-menu-item: var(--font-sans);
8045
- --font-weight-menu-item: var(--font-weight-normal);
8046
- --spacing-control-xs: 20px;
8047
- --spacing-control-sm: 24px;
8048
- --spacing-control-md: 28px;
8049
- --spacing-control-lg: 32px;
8050
- --spacing-control-xlg: 36px;
8051
- --spacing-control-multiline-xs: 32px;
8052
- --spacing-control-multiline-sm: 36px;
8053
- --spacing-control-multiline-md: 48px;
8054
- --spacing-control-multiline-lg: 80px;
8055
- --spacing-control-multiline-xlg: 96px;
8056
- --spacing-icon-xs: 12px;
8057
- --spacing-icon-sm: 14px;
8058
- --spacing-icon-md: 14px;
8059
- --spacing-icon-lg: 16px;
8060
- --spacing-icon-xlg: 20px;
8061
- --spacing-brand-logo-xs: 16px;
8062
- --spacing-brand-logo-sm: 20px;
8063
- --spacing-brand-logo-md: 24px;
8064
- --spacing-brand-logo-lg: 24px;
8065
- --spacing-brand-logo-xlg: 32px;
8066
- --spacing-badge-close-xs: 16px;
8067
- --spacing-badge-close-sm: 16px;
8068
- --spacing-badge-close-md: 20px;
8069
- --spacing-badge-close-lg: 20px;
8070
- --spacing-badge-close-xlg: 24px;
8071
- --spacing-checkbox-indicator-xs: 12px;
8072
- --spacing-checkbox-indicator-sm: 14px;
8073
- --spacing-checkbox-indicator-md: 16px;
8074
- --spacing-checkbox-indicator-lg: 16px;
8075
- --spacing-checkbox-indicator-xlg: 20px;
8076
- --spacing-radio-indicator-xs: 12px;
8077
- --spacing-radio-indicator-sm: 14px;
8078
- --spacing-radio-indicator-md: 16px;
8079
- --spacing-radio-indicator-lg: 16px;
8080
- --spacing-radio-indicator-xlg: 20px;
8081
- --spacing-radio-dot-xs: 4px;
8082
- --spacing-radio-dot-sm: 6px;
8083
- --spacing-radio-dot-md: 6px;
8084
- --spacing-radio-dot-lg: 8px;
8085
- --spacing-radio-dot-xlg: 10px;
8086
- --spacing-switch-track-width-xs: 24px;
8087
- --spacing-switch-track-width-sm: 28px;
8088
- --spacing-switch-track-width-md: 36px;
8089
- --spacing-switch-track-width-lg: 44px;
8090
- --spacing-switch-track-width-xlg: 56px;
8091
- --spacing-switch-track-height-xs: 14px;
8092
- --spacing-switch-track-height-sm: 16px;
8093
- --spacing-switch-track-height-md: 20px;
8094
- --spacing-switch-track-height-lg: 24px;
8095
- --spacing-switch-track-height-xlg: 28px;
8096
- --spacing-switch-thumb-xs: 10px;
8097
- --spacing-switch-thumb-sm: 12px;
8098
- --spacing-switch-thumb-md: 16px;
8099
- --spacing-switch-thumb-lg: 20px;
8100
- --spacing-switch-thumb-xlg: 24px;
8101
- --spacing-switch-inset: 2px;
8102
- --spacing-switch-travel-xs: 10px;
8103
- --spacing-switch-travel-sm: 12px;
8104
- --spacing-switch-travel-md: 16px;
8105
- --spacing-switch-travel-lg: 20px;
8106
- --spacing-switch-travel-xlg: 28px;
8107
- --spacing-slider-track-xs: 4px;
8108
- --spacing-slider-track-sm: 4px;
8109
- --spacing-slider-track-md: 6px;
8110
- --spacing-slider-track-lg: 6px;
8111
- --spacing-slider-track-xlg: 8px;
8112
- --spacing-slider-thumb-xs: 12px;
8113
- --spacing-slider-thumb-sm: 14px;
8114
- --spacing-slider-thumb-md: 16px;
8115
- --spacing-slider-thumb-lg: 18px;
8116
- --spacing-slider-thumb-xlg: 20px;
8117
- --spacing-scrollbar: 6px;
8118
- --spacing-scrollbar-inset: 2px;
8119
- --spacing-menu-item: var(--spacing-control-lg);
8120
- --spacing-select-listbox: 256px;
8121
- --spacing-panel-collapsed: 48px;
8122
- --spacing-panel-resize-handle: 8px;
8123
- --spacing-panel-resize-handle-coarse: 24px;
8124
- --spacing-sidebar-width: 256px;
8125
- --spacing-sidebar-drawer-width: 288px;
8126
- --spacing-sidebar-min-width: 192px;
8127
- --spacing-sidebar-max-width: 448px;
8128
- --spacing-sidebar-min-height: 48px;
8129
- --spacing-sidebar-max-height: 288px;
8130
- --container-xs: 320px;
8131
- --container-sm: 384px;
8132
- --container-md: 448px;
8133
- --container-lg: 512px;
8134
- --container-xl: 576px;
8135
- --container-2xl: 672px;
8136
- --container-3xl: 768px;
8137
- --container-4xl: 896px;
8138
- --container-5xl: 1024px;
8139
- --container-6xl: 1152px;
8140
- --container-7xl: 1280px;
8141
- --container-modal-sm: 384px;
8142
- --container-modal-md: 512px;
8143
- --container-modal-lg: 672px;
8144
- --container-modal-xl: 896px;
8145
- --spacing-panel-1-min: 160px;
8146
- --spacing-panel-1: 192px;
8147
- --spacing-panel-1-max: 240px;
8148
- --spacing-panel-2-min: 192px;
8149
- --spacing-panel-2: 240px;
8150
- --spacing-panel-2-max: 288px;
8151
- --spacing-panel-3-min: 240px;
8152
- --spacing-panel-3: 320px;
8153
- --spacing-panel-3-max: 384px;
8154
- --spacing-panel-4-min: 288px;
8155
- --spacing-panel-4: 384px;
8156
- --spacing-panel-4-max: 480px;
8157
- --spacing-panel-5-min: 320px;
8158
- --spacing-panel-5: 480px;
8159
- --spacing-panel-5-max: 640px;
8160
- --spacing-panel-6-min: 384px;
8161
- --spacing-panel-6: 640px;
8162
- --spacing-panel-6-max: 768px;
8163
- --spacing-icon: var(--spacing-icon-md);
8164
- --container-prose: 65ch;
8165
- }
8166
6012
  :root, .light {
8167
6013
  --color-separator: oklch(61.752131% 0.03464 319.944721 / 0.098);
8168
6014
  --color-separator-muted: oklch(61.752131% 0.03464 319.944721 / 0.0588);
@@ -8761,606 +6607,6 @@
8761
6607
  --color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
8762
6608
  --shadow-elevation-8: var(--ui-local-elevation-8);
8763
6609
  }
8764
- @media (color-gamut: p3) {
8765
- :root, .light {
8766
- --color-separator: oklch(61.543431% 0.02801 347.674878 / 0.098);
8767
- --color-separator-muted: oklch(61.543431% 0.02801 347.674878 / 0.0588);
8768
- --color-intent-accent-text: oklch(55.080786% 0.171613 251.779887 / 1);
8769
- --color-intent-accent-text-hover: oklch(35.151696% 0.099995 251.779887 / 1);
8770
- --color-intent-accent-soft: oklch(55.666931% 0.26412 258.247129 / 0.118874);
8771
- --color-intent-accent-soft-hover: oklch(65.09651% 0.21461 245.393007 / 0.256337);
8772
- --color-intent-accent-soft-pressed: oklch(60.277055% 0.237774 252.863192 / 0.329);
8773
- --color-intent-accent-soft-ink: oklch(55.080786% 0.171613 251.779887 / 1);
8774
- --color-intent-accent-soft-ink-muted: oklch(55.080786% 0.171613 251.779887 / 1);
8775
- --color-intent-accent-solid: oklch(56.104929% 0.19304 251.779887 / 1);
8776
- --color-intent-accent-solid-hover: oklch(53.097766% 0.19111 251.779887 / 1);
8777
- --color-intent-accent-solid-pressed: oklch(51.604177% 0.19111 251.779887 / 1);
8778
- --color-intent-accent-solid-ink: oklch(100% 0 none / 1);
8779
- --color-intent-accent-edge: oklch(60.277055% 0.237774 252.863192 / 0.329);
8780
- --color-intent-accent-edge-hover: oklch(54.961845% 0.268431 258.923813 / 0.394);
8781
- --color-intent-accent-edge-strong: oklch(47.393446% 0.307281 263.498529 / 0.469);
8782
- --color-intent-accent-focus: oklch(71.509921% 0.14671 251.779887 / 1);
8783
- --color-intent-accent-focus-width: 2px;
8784
- --color-intent-danger-text: oklch(56.831333% 0.171879 23.02606 / 1);
8785
- --color-intent-danger-text-hover: oklch(35.572963% 0.10015 23.02606 / 1);
8786
- --color-intent-danger-soft: oklch(64.857408% 0.299485 28.958133 / 0.118386);
8787
- --color-intent-danger-soft-hover: oklch(64.857408% 0.299485 28.958133 / 0.235341);
8788
- --color-intent-danger-soft-pressed: oklch(64.208805% 0.29649 28.958133 / 0.329);
8789
- --color-intent-danger-soft-ink: oklch(56.831333% 0.171879 23.02606 / 1);
8790
- --color-intent-danger-soft-ink-muted: oklch(56.831333% 0.171879 23.02606 / 1);
8791
- --color-intent-danger-solid: oklch(58.635272% 0.19334 23.02606 / 1);
8792
- --color-intent-danger-solid-hover: oklch(55.633546% 0.191407 23.02606 / 1);
8793
- --color-intent-danger-solid-pressed: oklch(54.131096% 0.191407 23.02606 / 1);
8794
- --color-intent-danger-solid-ink: oklch(100% 0 none / 1);
8795
- --color-intent-danger-edge: oklch(64.208805% 0.29649 28.958133 / 0.329);
8796
- --color-intent-danger-edge-hover: oklch(62.115567% 0.286825 28.958133 / 0.394);
8797
- --color-intent-danger-edge-strong: oklch(59.276352% 0.273714 28.958133 / 0.469);
8798
- --color-intent-danger-focus: oklch(71.489264% 0.146938 23.02606 / 0.42);
8799
- --color-intent-danger-focus-width: 3px;
8800
- --color-intent-information-text: oklch(55.080786% 0.171613 251.779887 / 1);
8801
- --color-intent-information-text-hover: oklch(35.151696% 0.099995 251.779887 / 1);
8802
- --color-intent-information-soft: oklch(55.666931% 0.26412 258.247129 / 0.118874);
8803
- --color-intent-information-soft-hover: oklch(65.09651% 0.21461 245.393007 / 0.256337);
8804
- --color-intent-information-soft-pressed: oklch(60.277055% 0.237774 252.863192 / 0.329);
8805
- --color-intent-information-soft-ink: oklch(55.080786% 0.171613 251.779887 / 1);
8806
- --color-intent-information-soft-ink-muted: oklch(55.080786% 0.171613 251.779887 / 1);
8807
- --color-intent-information-solid: oklch(56.104929% 0.19304 251.779887 / 1);
8808
- --color-intent-information-solid-hover: oklch(53.097766% 0.19111 251.779887 / 1);
8809
- --color-intent-information-solid-pressed: oklch(51.604177% 0.19111 251.779887 / 1);
8810
- --color-intent-information-solid-ink: oklch(100% 0 none / 1);
8811
- --color-intent-information-edge: oklch(60.277055% 0.237774 252.863192 / 0.329);
8812
- --color-intent-information-edge-hover: oklch(54.961845% 0.268431 258.923813 / 0.394);
8813
- --color-intent-information-edge-strong: oklch(47.393446% 0.307281 263.498529 / 0.469);
8814
- --color-intent-information-focus: oklch(71.509921% 0.14671 251.779887 / 0.42);
8815
- --color-intent-information-focus-width: 3px;
8816
- --color-intent-neutral-text: oklch(12.382253% 0 none / 1);
8817
- --color-intent-neutral-text-hover: oklch(12.382253% 0 none / 1);
8818
- --color-intent-neutral-soft: oklch(75.896553% 0.058885 301.418569 / 0.043);
8819
- --color-intent-neutral-soft-hover: oklch(61.543431% 0.02801 347.674878 / 0.098);
8820
- --color-intent-neutral-soft-pressed: oklch(52.180039% 0.025048 329.378998 / 0.161);
8821
- --color-intent-neutral-soft-ink: oklch(18% 0 none / 1);
8822
- --color-intent-neutral-soft-ink-muted: oklch(18% 0 none / 1);
8823
- --color-intent-neutral-solid: oklch(12.382253% 0 none / 1);
8824
- --color-intent-neutral-solid-hover: oklch(32.394043% 0 none / 1);
8825
- --color-intent-neutral-solid-pressed: oklch(36.397949% 0 none / 1);
8826
- --color-intent-neutral-solid-ink: oklch(94.063697% 0 none / 1);
8827
- --color-intent-neutral-edge: oklch(52.180039% 0.025048 329.378998 / 0.161);
8828
- --color-intent-neutral-edge-hover: oklch(29.430239% 0.068324 212.150323 / 0.229);
8829
- --color-intent-neutral-edge-strong: oklch(0% 0 none / 0.294);
8830
- --color-intent-neutral-focus: oklch(71.310365% 0 none / 0.42);
8831
- --color-intent-neutral-focus-width: 3px;
8832
- --color-intent-success-text: oklch(53.50073% 0.118126 157.679534 / 1);
8833
- --color-intent-success-text-hover: oklch(34.498218% 0.068829 157.679534 / 1);
8834
- --color-intent-success-soft: oklch(62.664457% 0.272064 145.644956 / 0.10635);
8835
- --color-intent-success-soft-hover: oklch(63.480728% 0.275608 145.644956 / 0.224281);
8836
- --color-intent-success-soft-pressed: oklch(60.977856% 0.264742 145.644956 / 0.329);
8837
- --color-intent-success-soft-ink: oklch(53.50073% 0.118126 157.679534 / 1);
8838
- --color-intent-success-soft-ink-muted: oklch(53.50073% 0.118126 157.679534 / 1);
8839
- --color-intent-success-solid: oklch(54.607263% 0.132875 157.679534 / 1);
8840
- --color-intent-success-solid-hover: oklch(51.604915% 0.131547 157.679534 / 1);
8841
- --color-intent-success-solid-pressed: oklch(50.096935% 0.131547 157.679534 / 1);
8842
- --color-intent-success-solid-ink: oklch(100% 0 none / 1);
8843
- --color-intent-success-edge: oklch(60.977856% 0.264742 145.644956 / 0.329);
8844
- --color-intent-success-edge-hover: oklch(56.96563% 0.247322 145.644956 / 0.394);
8845
- --color-intent-success-edge-strong: oklch(52.143613% 0.226387 145.644956 / 0.469);
8846
- --color-intent-success-focus: oklch(71.410855% 0.100985 157.679534 / 0.42);
8847
- --color-intent-success-focus-width: 3px;
8848
- --color-intent-warning-text: oklch(55.558425% 0.131808 82.201817 / 1);
8849
- --color-intent-warning-text-hover: oklch(36.194203% 0.081433 84.129977 / 1);
8850
- --color-intent-warning-soft: oklch(73.26633% 0.173057 91.532471 / 0.140334);
8851
- --color-intent-warning-soft-hover: oklch(72.462387% 0.171269 92.157803 / 0.261);
8852
- --color-intent-warning-soft-pressed: oklch(65.913261% 0.155502 89.773867 / 0.329);
8853
- --color-intent-warning-soft-ink: oklch(55.558425% 0.131808 82.201817 / 1);
8854
- --color-intent-warning-soft-ink-muted: oklch(55.558425% 0.131808 82.201817 / 1);
8855
- --color-intent-warning-solid: oklch(85.369678% 0.157207 84.129977 / 1);
8856
- --color-intent-warning-solid-hover: oklch(82.369678% 0.155635 84.129977 / 1);
8857
- --color-intent-warning-solid-pressed: oklch(80.861444% 0.155635 84.129977 / 1);
8858
- --color-intent-warning-solid-ink: oklch(35.612648% 0.031441 84.129977 / 1);
8859
- --color-intent-warning-edge: oklch(65.913261% 0.155502 89.773867 / 0.329);
8860
- --color-intent-warning-edge-hover: oklch(59.265324% 0.140034 84.956326 / 0.394);
8861
- --color-intent-warning-edge-strong: oklch(52.159903% 0.123347 84.243859 / 0.469);
8862
- --color-intent-warning-focus: oklch(71.848357% 0.119477 84.129977 / 0.42);
8863
- --color-intent-warning-focus-width: 3px;
8864
- --background-interaction-selection-accent: oklch(50.510829% 0.192884 251.700212 / 0.118507);
8865
- --background-interaction-selection-accent-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
8866
- --color-interaction-selection-accent-ink: oklch(55.080786% 0.171613 251.779887 / 1);
8867
- --background-interaction-selection-danger: oklch(49.039211% 0.226443 28.958133 / 0.118374);
8868
- --background-interaction-selection-danger-hover: oklch(49.039211% 0.226443 28.958133 / 0.166375);
8869
- --color-interaction-selection-danger-ink: oklch(56.831333% 0.171879 23.02606 / 1);
8870
- --background-interaction-selection-information: oklch(50.510829% 0.192884 251.700212 / 0.118507);
8871
- --background-interaction-selection-information-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
8872
- --color-interaction-selection-information-ink: oklch(55.080786% 0.171613 251.779887 / 1);
8873
- --background-interaction-selection-neutral: oklch(0% 0 none / 0.0761);
8874
- --background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.119852);
8875
- --color-interaction-selection-neutral-ink: oklch(18% 0 none / 1);
8876
- --background-interaction-selection-success: oklch(45.368413% 0.179612 148.854702 / 0.117039);
8877
- --background-interaction-selection-success-hover: oklch(45.368413% 0.179612 148.854702 / 0.164546);
8878
- --color-interaction-selection-success-ink: oklch(53.50073% 0.118126 157.679534 / 1);
8879
- --background-interaction-selection-warning: oklch(52.264559% 0.123557 84.489733 / 0.125041);
8880
- --background-interaction-selection-warning-hover: oklch(52.264559% 0.123557 84.489733 / 0.1758);
8881
- --color-interaction-selection-warning-ink: oklch(55.558425% 0.131808 82.201817 / 1);
8882
- --color-interaction-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
8883
- --color-interaction-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
8884
- --color-interaction-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
8885
- --color-interaction-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
8886
- --color-interaction-edge-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
8887
- --color-interaction-edge-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
8888
- --color-interaction-edge-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
8889
- --color-interaction-edge-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
8890
- --opacity-interaction-disabled: 0.5;
8891
- --color-interaction-disabled: oklch(75.896553% 0.058885 301.418569 / 0.043);
8892
- --color-interaction-disabled-edge: oklch(0% 0 none / 0.294);
8893
- --color-interaction-disabled-ink: var(--ui-surface-ink-muted);
8894
- --color-scrim: oklch(12.382253% 0 none / 0.35);
8895
- --color-substrate-workspace: oklch(98.510365% 0 none / 1);
8896
- --color-substrate-workspace-ink: oklch(20.93472% 0 none / 1);
8897
- --color-substrate-workspace-ink-muted: oklch(55.779494% 0 none / 1);
8898
- --color-surface-workspace-0: oklch(98.510365% 0 none / 1);
8899
- --color-surface-workspace-0-ink: oklch(20.93472% 0 none / 1);
8900
- --color-surface-workspace-0-ink-muted: oklch(55.779494% 0 none / 1);
8901
- --color-surface-workspace-0-edge: oklch(95.511403% 0.000791 329.098761 / 1);
8902
- --color-surface-workspace-0-edge-hover: oklch(94.011169% 0.000857 222.520688 / 1);
8903
- --color-surface-workspace-0-edge-strong: oklch(92.510344% 0 none / 1);
8904
- --shadow-depth-workspace-0: 0 0 0 0 transparent;
8905
- --color-surface-workspace-1: oklch(99.110365% 0 none / 1);
8906
- --color-surface-workspace-1-ink: oklch(21.693184% 0 none / 1);
8907
- --color-surface-workspace-1-ink-muted: oklch(56.194798% 0 none / 1);
8908
- --color-surface-workspace-1-edge: oklch(96.111346% 0.000774 329.098622 / 1);
8909
- --color-surface-workspace-1-edge-hover: oklch(94.611135% 0.000841 222.522014 / 1);
8910
- --color-surface-workspace-1-edge-strong: oklch(93.110343% 0 none / 1);
8911
- --shadow-depth-workspace-1: 0 0 0 0 transparent;
8912
- --color-surface-workspace-2: oklch(100% 0 none / 1);
8913
- --color-surface-workspace-2-ink: oklch(22.74366% 0 none / 1);
8914
- --color-surface-workspace-2-ink-muted: oklch(56.808564% 0 none / 1);
8915
- --color-surface-workspace-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8916
- --color-surface-workspace-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8917
- --color-surface-workspace-2-edge-strong: oklch(93.999998% 0 none / 1);
8918
- --shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
8919
- --color-surface-workspace-3: oklch(100% 0 none / 1);
8920
- --color-surface-workspace-3-ink: oklch(22.74366% 0 none / 1);
8921
- --color-surface-workspace-3-ink-muted: oklch(56.808564% 0 none / 1);
8922
- --color-surface-workspace-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8923
- --color-surface-workspace-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8924
- --color-surface-workspace-3-edge-strong: oklch(93.999998% 0 none / 1);
8925
- --shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
8926
- --color-surface-workspace-4: oklch(100% 0 none / 1);
8927
- --color-surface-workspace-4-ink: oklch(22.74366% 0 none / 1);
8928
- --color-surface-workspace-4-ink-muted: oklch(56.808564% 0 none / 1);
8929
- --color-surface-workspace-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8930
- --color-surface-workspace-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8931
- --color-surface-workspace-4-edge-strong: oklch(93.999998% 0 none / 1);
8932
- --shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
8933
- --color-surface-workspace-5: oklch(100% 0 none / 1);
8934
- --color-surface-workspace-5-ink: oklch(22.74366% 0 none / 1);
8935
- --color-surface-workspace-5-ink-muted: oklch(56.808564% 0 none / 1);
8936
- --color-surface-workspace-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8937
- --color-surface-workspace-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8938
- --color-surface-workspace-5-edge-strong: oklch(93.999998% 0 none / 1);
8939
- --shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
8940
- --color-surface-workspace-6: oklch(100% 0 none / 1);
8941
- --color-surface-workspace-6-ink: oklch(22.74366% 0 none / 1);
8942
- --color-surface-workspace-6-ink-muted: oklch(56.808564% 0 none / 1);
8943
- --color-surface-workspace-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8944
- --color-surface-workspace-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8945
- --color-surface-workspace-6-edge-strong: oklch(93.999998% 0 none / 1);
8946
- --shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
8947
- --color-surface-workspace-7: oklch(100% 0 none / 1);
8948
- --color-surface-workspace-7-ink: oklch(22.74366% 0 none / 1);
8949
- --color-surface-workspace-7-ink-muted: oklch(56.808564% 0 none / 1);
8950
- --color-surface-workspace-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8951
- --color-surface-workspace-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8952
- --color-surface-workspace-7-edge-strong: oklch(93.999998% 0 none / 1);
8953
- --shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
8954
- --color-surface-workspace-8: oklch(100% 0 none / 1);
8955
- --color-surface-workspace-8-ink: oklch(22.74366% 0 none / 1);
8956
- --color-surface-workspace-8-ink-muted: oklch(56.808564% 0 none / 1);
8957
- --color-surface-workspace-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8958
- --color-surface-workspace-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8959
- --color-surface-workspace-8-edge-strong: oklch(93.999998% 0 none / 1);
8960
- --shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
8961
- --color-substrate-chrome: oklch(96.010365% 0 none / 1);
8962
- --color-substrate-chrome-ink: oklch(17.101275% 0 none / 1);
8963
- --color-substrate-chrome-ink-muted: oklch(54.036418% 0 none / 1);
8964
- --color-surface-chrome-0: oklch(96.010365% 0 none / 1);
8965
- --color-surface-chrome-0-ink: oklch(17.101275% 0 none / 1);
8966
- --color-surface-chrome-0-ink-muted: oklch(54.036418% 0 none / 1);
8967
- --color-surface-chrome-0-edge: oklch(93.011603% 0.000867 329.099395 / 1);
8968
- --color-surface-chrome-0-edge-hover: oklch(91.511323% 0.000929 222.51468 / 1);
8969
- --color-surface-chrome-0-edge-strong: oklch(90.010356% 0 none / 1);
8970
- --shadow-depth-chrome-0: 0 0 0 0 transparent;
8971
- --color-surface-chrome-1: oklch(96.610365% 0 none / 1);
8972
- --color-surface-chrome-1-ink: oklch(18.154498% 0 none / 1);
8973
- --color-surface-chrome-1-ink-muted: oklch(54.456699% 0 none / 1);
8974
- --color-surface-chrome-1-edge: oklch(93.611548% 0.000848 329.099234 / 1);
8975
- --color-surface-chrome-1-edge-hover: oklch(92.111267% 0.000911 222.516197 / 1);
8976
- --color-surface-chrome-1-edge-strong: oklch(90.610362% 0 none / 1);
8977
- --shadow-depth-chrome-1: 0 0 0 0 transparent;
8978
- --color-surface-chrome-2: oklch(100% 0 none / 1);
8979
- --color-surface-chrome-2-ink: oklch(22.74366% 0 none / 1);
8980
- --color-surface-chrome-2-ink-muted: oklch(56.808564% 0 none / 1);
8981
- --color-surface-chrome-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8982
- --color-surface-chrome-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8983
- --color-surface-chrome-2-edge-strong: oklch(93.999998% 0 none / 1);
8984
- --shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
8985
- --color-surface-chrome-3: oklch(100% 0 none / 1);
8986
- --color-surface-chrome-3-ink: oklch(22.74366% 0 none / 1);
8987
- --color-surface-chrome-3-ink-muted: oklch(56.808564% 0 none / 1);
8988
- --color-surface-chrome-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8989
- --color-surface-chrome-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8990
- --color-surface-chrome-3-edge-strong: oklch(93.999998% 0 none / 1);
8991
- --shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
8992
- --color-surface-chrome-4: oklch(100% 0 none / 1);
8993
- --color-surface-chrome-4-ink: oklch(22.74366% 0 none / 1);
8994
- --color-surface-chrome-4-ink-muted: oklch(56.808564% 0 none / 1);
8995
- --color-surface-chrome-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
8996
- --color-surface-chrome-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
8997
- --color-surface-chrome-4-edge-strong: oklch(93.999998% 0 none / 1);
8998
- --shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
8999
- --color-surface-chrome-5: oklch(100% 0 none / 1);
9000
- --color-surface-chrome-5-ink: oklch(22.74366% 0 none / 1);
9001
- --color-surface-chrome-5-ink-muted: oklch(56.808564% 0 none / 1);
9002
- --color-surface-chrome-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
9003
- --color-surface-chrome-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
9004
- --color-surface-chrome-5-edge-strong: oklch(93.999998% 0 none / 1);
9005
- --shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
9006
- --color-surface-chrome-6: oklch(100% 0 none / 1);
9007
- --color-surface-chrome-6-ink: oklch(22.74366% 0 none / 1);
9008
- --color-surface-chrome-6-ink-muted: oklch(56.808564% 0 none / 1);
9009
- --color-surface-chrome-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
9010
- --color-surface-chrome-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
9011
- --color-surface-chrome-6-edge-strong: oklch(93.999998% 0 none / 1);
9012
- --shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
9013
- --color-surface-chrome-7: oklch(100% 0 none / 1);
9014
- --color-surface-chrome-7-ink: oklch(22.74366% 0 none / 1);
9015
- --color-surface-chrome-7-ink-muted: oklch(56.808564% 0 none / 1);
9016
- --color-surface-chrome-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
9017
- --color-surface-chrome-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
9018
- --color-surface-chrome-7-edge-strong: oklch(93.999998% 0 none / 1);
9019
- --shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
9020
- --color-surface-chrome-8: oklch(100% 0 none / 1);
9021
- --color-surface-chrome-8-ink: oklch(22.74366% 0 none / 1);
9022
- --color-surface-chrome-8-ink-muted: oklch(56.808564% 0 none / 1);
9023
- --color-surface-chrome-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
9024
- --color-surface-chrome-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
9025
- --color-surface-chrome-8-edge-strong: oklch(93.999998% 0 none / 1);
9026
- --shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
9027
- --color-surface-0: oklch(98.510365% 0 none / 1);
9028
- --color-surface-0-ink: oklch(20.93472% 0 none / 1);
9029
- --color-surface-0-ink-muted: oklch(55.779494% 0 none / 1);
9030
- --shadow-elevation-0: var(--ui-local-elevation-0);
9031
- --color-surface-1: oklch(99.110365% 0 none / 1);
9032
- --color-surface-1-ink: oklch(21.693184% 0 none / 1);
9033
- --color-surface-1-ink-muted: oklch(56.194798% 0 none / 1);
9034
- --shadow-elevation-1: var(--ui-local-elevation-1);
9035
- --color-surface-2: oklch(100% 0 none / 1);
9036
- --color-surface-2-ink: oklch(22.74366% 0 none / 1);
9037
- --color-surface-2-ink-muted: oklch(56.808564% 0 none / 1);
9038
- --shadow-elevation-2: var(--ui-local-elevation-2);
9039
- --color-surface-3: oklch(100% 0 none / 1);
9040
- --color-surface-3-ink: oklch(22.74366% 0 none / 1);
9041
- --color-surface-3-ink-muted: oklch(56.808564% 0 none / 1);
9042
- --shadow-elevation-3: var(--ui-local-elevation-3);
9043
- --color-surface-4: oklch(100% 0 none / 1);
9044
- --color-surface-4-ink: oklch(22.74366% 0 none / 1);
9045
- --color-surface-4-ink-muted: oklch(56.808564% 0 none / 1);
9046
- --shadow-elevation-4: var(--ui-local-elevation-4);
9047
- --color-surface-5: oklch(100% 0 none / 1);
9048
- --color-surface-5-ink: oklch(22.74366% 0 none / 1);
9049
- --color-surface-5-ink-muted: oklch(56.808564% 0 none / 1);
9050
- --shadow-elevation-5: var(--ui-local-elevation-5);
9051
- --color-surface-6: oklch(100% 0 none / 1);
9052
- --color-surface-6-ink: oklch(22.74366% 0 none / 1);
9053
- --color-surface-6-ink-muted: oklch(56.808564% 0 none / 1);
9054
- --shadow-elevation-6: var(--ui-local-elevation-6);
9055
- --color-surface-7: oklch(100% 0 none / 1);
9056
- --color-surface-7-ink: oklch(22.74366% 0 none / 1);
9057
- --color-surface-7-ink-muted: oklch(56.808564% 0 none / 1);
9058
- --shadow-elevation-7: var(--ui-local-elevation-7);
9059
- --color-surface-8: oklch(100% 0 none / 1);
9060
- --color-surface-8-ink: oklch(22.74366% 0 none / 1);
9061
- --color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
9062
- --shadow-elevation-8: var(--ui-local-elevation-8);
9063
- }
9064
- .dark {
9065
- --color-separator: oklch(46.131669% 0.007996 241.953581 / 0.125);
9066
- --color-separator-muted: oklch(46.131669% 0.007996 241.953581 / 0.075);
9067
- --color-intent-accent-text: oklch(76.009909% 0.139824 248.518651 / 1);
9068
- --color-intent-accent-text-hover: oklch(92.037298% 0.045225 244.632508 / 1);
9069
- --color-intent-accent-soft: oklch(47.363522% 0.137505 246.780027 / 0.125);
9070
- --color-intent-accent-soft-hover: oklch(53.700834% 0.167927 249.654834 / 0.176);
9071
- --color-intent-accent-soft-pressed: oklch(56.741432% 0.165659 250.068002 / 0.235);
9072
- --color-intent-accent-soft-ink: oklch(76.009909% 0.139824 248.518651 / 1);
9073
- --color-intent-accent-soft-ink-muted: oklch(76.009909% 0.139824 248.518651 / 1);
9074
- --color-intent-accent-solid: oklch(56.104929% 0.19304 251.779887 / 1);
9075
- --color-intent-accent-solid-hover: oklch(53.251251% 0.183388 251.779887 / 1);
9076
- --color-intent-accent-solid-pressed: oklch(51.700377% 0.183388 251.779887 / 1);
9077
- --color-intent-accent-solid-ink: oklch(100% 0 none / 1);
9078
- --color-intent-accent-edge: oklch(56.741432% 0.165659 250.068002 / 0.235);
9079
- --color-intent-accent-edge-hover: oklch(60.760916% 0.155806 251.088217 / 0.294);
9080
- --color-intent-accent-edge-strong: oklch(64.930737% 0.16113 251.390213 / 0.373);
9081
- --color-intent-accent-focus: oklch(55.93859% 0.139761 251.779887 / 1);
9082
- --color-intent-accent-focus-width: 2px;
9083
- --color-intent-danger-text: oklch(78.331653% 0.153899 23.02606 / 1);
9084
- --color-intent-danger-text-hover: oklch(92.624873% 0.04868 23.583422 / 1);
9085
- --color-intent-danger-soft: oklch(47.645191% 0.138897 25.055893 / 0.125);
9086
- --color-intent-danger-soft-hover: oklch(53.569319% 0.169444 25.566189 / 0.176);
9087
- --color-intent-danger-soft-pressed: oklch(56.750771% 0.166348 24.27652 / 0.235);
9088
- --color-intent-danger-soft-ink: oklch(78.331653% 0.153899 23.02606 / 1);
9089
- --color-intent-danger-soft-ink-muted: oklch(78.331653% 0.153899 23.02606 / 1);
9090
- --color-intent-danger-solid: oklch(58.635272% 0.19334 23.02606 / 1);
9091
- --color-intent-danger-solid-hover: oklch(55.794408% 0.183673 23.02606 / 1);
9092
- --color-intent-danger-solid-pressed: oklch(54.237422% 0.183673 23.02606 / 1);
9093
- --color-intent-danger-solid-ink: oklch(100% 0 none / 1);
9094
- --color-intent-danger-edge: oklch(56.750771% 0.166348 24.27652 / 0.235);
9095
- --color-intent-danger-edge-hover: oklch(60.718746% 0.156724 23.848317 / 0.294);
9096
- --color-intent-danger-edge-strong: oklch(64.91049% 0.161707 23.22664 / 0.373);
9097
- --color-intent-danger-focus: oklch(55.925747% 0.139978 23.02606 / 0.42);
9098
- --color-intent-danger-focus-width: 3px;
9099
- --color-intent-information-text: oklch(76.009909% 0.139824 248.518651 / 1);
9100
- --color-intent-information-text-hover: oklch(92.037298% 0.045225 244.632508 / 1);
9101
- --color-intent-information-soft: oklch(47.363522% 0.137505 246.780027 / 0.125);
9102
- --color-intent-information-soft-hover: oklch(53.700834% 0.167927 249.654834 / 0.176);
9103
- --color-intent-information-soft-pressed: oklch(56.741432% 0.165659 250.068002 / 0.235);
9104
- --color-intent-information-soft-ink: oklch(76.009909% 0.139824 248.518651 / 1);
9105
- --color-intent-information-soft-ink-muted: oklch(76.009909% 0.139824 248.518651 / 1);
9106
- --color-intent-information-solid: oklch(56.104929% 0.19304 251.779887 / 1);
9107
- --color-intent-information-solid-hover: oklch(53.251251% 0.183388 251.779887 / 1);
9108
- --color-intent-information-solid-pressed: oklch(51.700377% 0.183388 251.779887 / 1);
9109
- --color-intent-information-solid-ink: oklch(100% 0 none / 1);
9110
- --color-intent-information-edge: oklch(56.741432% 0.165659 250.068002 / 0.235);
9111
- --color-intent-information-edge-hover: oklch(60.760916% 0.155806 251.088217 / 0.294);
9112
- --color-intent-information-edge-strong: oklch(64.930737% 0.16113 251.390213 / 0.373);
9113
- --color-intent-information-focus: oklch(55.93859% 0.139761 251.779887 / 0.42);
9114
- --color-intent-information-focus-width: 3px;
9115
- --color-intent-neutral-text: oklch(92.431093% 0 none / 1);
9116
- --color-intent-neutral-text-hover: oklch(92.431093% 0 none / 1);
9117
- --color-intent-neutral-soft: oklch(34.407394% 0.022601 220.579947 / 0.047);
9118
- --color-intent-neutral-soft-hover: oklch(46.131669% 0.007996 241.953581 / 0.125);
9119
- --color-intent-neutral-soft-pressed: oklch(50.493504% 0.00231 195.834465 / 0.176);
9120
- --color-intent-neutral-soft-ink: oklch(86% 0 none / 1);
9121
- --color-intent-neutral-soft-ink-muted: oklch(86% 0 none / 1);
9122
- --color-intent-neutral-solid: oklch(92.431093% 0 none / 1);
9123
- --color-intent-neutral-solid-hover: oklch(84.425293% 0 none / 1);
9124
- --color-intent-neutral-solid-pressed: oklch(82.430664% 0 none / 1);
9125
- --color-intent-neutral-solid-ink: oklch(19.79752% 0 none / 1);
9126
- --color-intent-neutral-edge: oklch(50.493504% 0.00231 195.834465 / 0.176);
9127
- --color-intent-neutral-edge-hover: oklch(52.292827% 0.002153 195.841073 / 0.235);
9128
- --color-intent-neutral-edge-strong: oklch(56.823866% 0.000911 195.877546 / 0.294);
9129
- --color-intent-neutral-focus: oklch(56.062653% 0 none / 0.42);
9130
- --color-intent-neutral-focus-width: 3px;
9131
- --color-intent-success-text: oklch(75.524628% 0.105769 157.679534 / 1);
9132
- --color-intent-success-text-hover: oklch(92.002315% 0.036806 157.679534 / 1);
9133
- --color-intent-success-soft: oklch(47.549494% 0.099237 158.106747 / 0.125);
9134
- --color-intent-success-soft-hover: oklch(53.749953% 0.118772 157.610583 / 0.176);
9135
- --color-intent-success-soft-pressed: oklch(56.887883% 0.115676 157.640944 / 0.235);
9136
- --color-intent-success-soft-ink: oklch(75.524628% 0.105769 157.679534 / 1);
9137
- --color-intent-success-soft-ink-muted: oklch(75.524628% 0.105769 157.679534 / 1);
9138
- --color-intent-success-solid: oklch(54.607263% 0.132875 157.679534 / 1);
9139
- --color-intent-success-solid-hover: oklch(51.669316% 0.126232 157.679534 / 1);
9140
- --color-intent-success-solid-pressed: oklch(50.144121% 0.126232 157.679534 / 1);
9141
- --color-intent-success-solid-ink: oklch(100% 0 none / 1);
9142
- --color-intent-success-edge: oklch(56.887883% 0.115676 157.640944 / 0.235);
9143
- --color-intent-success-edge-hover: oklch(60.841675% 0.108338 157.660028 / 0.294);
9144
- --color-intent-success-edge-strong: oklch(65.007154% 0.111551 157.668655 / 0.373);
9145
- --color-intent-success-focus: oklch(55.997491% 0.096202 157.679534 / 0.42);
9146
- --color-intent-success-focus-width: 3px;
9147
- --color-intent-warning-text: oklch(76.965573% 0.125137 84.129977 / 1);
9148
- --color-intent-warning-text-hover: oklch(92.432169% 0.043546 84.129977 / 1);
9149
- --color-intent-warning-soft: oklch(48.817333% 0.115313 85.249085 / 0.125);
9150
- --color-intent-warning-soft-hover: oklch(55.516221% 0.130951 87.583171 / 0.176);
9151
- --color-intent-warning-soft-pressed: oklch(57.697505% 0.136121 87.029151 / 0.235);
9152
- --color-intent-warning-soft-ink: oklch(76.965573% 0.125137 84.129977 / 1);
9153
- --color-intent-warning-soft-ink-muted: oklch(76.965573% 0.125137 84.129977 / 1);
9154
- --color-intent-warning-solid: oklch(85.369678% 0.157207 84.129977 / 1);
9155
- --color-intent-warning-solid-hover: oklch(89.098918% 0.148203 85.476085 / 1);
9156
- --color-intent-warning-solid-pressed: oklch(89.681411% 0.14697 87.080518 / 1);
9157
- --color-intent-warning-solid-ink: oklch(35.612648% 0.031441 84.129977 / 1);
9158
- --color-intent-warning-edge: oklch(57.697505% 0.136121 87.029151 / 0.235);
9159
- --color-intent-warning-edge-hover: oklch(60.980333% 0.130722 84.431924 / 0.294);
9160
- --color-intent-warning-edge-strong: oklch(65.085666% 0.133373 84.363137 / 0.373);
9161
- --color-intent-warning-focus: oklch(56.020502% 0.113818 84.129977 / 0.42);
9162
- --color-intent-warning-focus-width: 3px;
9163
- --background-interaction-selection-accent: oklch(77.965918% 0.129595 246.066304 / 0.056763);
9164
- --background-interaction-selection-accent-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
9165
- --color-interaction-selection-accent-ink: oklch(76.009909% 0.139824 248.518651 / 1);
9166
- --background-interaction-selection-danger: oklch(80.016885% 0.147187 22.589407 / 0.049833);
9167
- --background-interaction-selection-danger-hover: oklch(80.016885% 0.147187 22.589407 / 0.073809);
9168
- --color-interaction-selection-danger-ink: oklch(78.331653% 0.153899 23.02606 / 1);
9169
- --background-interaction-selection-information: oklch(77.965918% 0.129595 246.066304 / 0.056763);
9170
- --background-interaction-selection-information-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
9171
- --color-interaction-selection-information-ink: oklch(76.009909% 0.139824 248.518651 / 1);
9172
- --background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.029342);
9173
- --background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.048426);
9174
- --color-interaction-selection-neutral-ink: oklch(86% 0 none / 1);
9175
- --background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.060166);
9176
- --background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.088788);
9177
- --color-interaction-selection-success-ink: oklch(75.524628% 0.105769 157.679534 / 1);
9178
- --background-interaction-selection-warning: oklch(79.687573% 0.12976 84.141183 / 0.055794);
9179
- --background-interaction-selection-warning-hover: oklch(79.687573% 0.12976 84.141183 / 0.082172);
9180
- --color-interaction-selection-warning-ink: oklch(76.965573% 0.125137 84.129977 / 1);
9181
- --color-interaction-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
9182
- --color-interaction-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
9183
- --color-interaction-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
9184
- --color-interaction-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
9185
- --color-interaction-edge-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
9186
- --color-interaction-edge-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
9187
- --color-interaction-edge-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
9188
- --color-interaction-edge-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
9189
- --opacity-interaction-disabled: 0.5;
9190
- --color-interaction-disabled: oklch(34.407394% 0.022601 220.579947 / 0.047);
9191
- --color-interaction-disabled-edge: oklch(56.823866% 0.000911 195.877546 / 0.294);
9192
- --color-interaction-disabled-ink: var(--ui-surface-ink-muted);
9193
- --color-scrim: oklch(20.962653% 0 none / 0.55);
9194
- --color-substrate-workspace: oklch(20.462653% 0 none / 1);
9195
- --color-substrate-workspace-ink: oklch(92.184718% 0 none / 1);
9196
- --color-substrate-workspace-ink-muted: oklch(76.561054% 0 none / 1);
9197
- --color-surface-workspace-0: oklch(20.462653% 0 none / 1);
9198
- --color-surface-workspace-0-ink: oklch(92.184718% 0 none / 1);
9199
- --color-surface-workspace-0-ink-muted: oklch(76.561054% 0 none / 1);
9200
- --color-surface-workspace-0-edge: oklch(23.462413% 0.000387 195.876895 / 1);
9201
- --color-surface-workspace-0-edge-hover: oklch(24.962429% 0.000491 195.872274 / 1);
9202
- --color-surface-workspace-0-edge-strong: oklch(26.462633% 0.000239 195.887719 / 1);
9203
- --shadow-depth-workspace-0: 0 0 0 0 transparent;
9204
- --color-surface-workspace-1: oklch(22.962653% 0 none / 1);
9205
- --color-surface-workspace-1-ink: oklch(92.501588% 0 none / 1);
9206
- --color-surface-workspace-1-ink-muted: oklch(76.93548% 0 none / 1);
9207
- --color-surface-workspace-1-edge: oklch(25.962414% 0.000403 195.878259 / 1);
9208
- --color-surface-workspace-1-edge-hover: oklch(27.462382% 0.000513 195.873707 / 1);
9209
- --color-surface-workspace-1-edge-strong: oklch(28.962607% 0.000249 195.888347 / 1);
9210
- --shadow-depth-workspace-1: 0 0 0 0 transparent;
9211
- --color-surface-workspace-2: oklch(25.462653% 0.000386 251.779887 / 1);
9212
- --color-surface-workspace-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
9213
- --color-surface-workspace-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
9214
- --color-surface-workspace-2-edge: oklch(28.462436% 0.000635 218.168381 / 1);
9215
- --color-surface-workspace-2-edge-hover: oklch(29.962417% 0.000714 213.116559 / 1);
9216
- --color-surface-workspace-2-edge-strong: oklch(31.46266% 0.000434 222.000893 / 1);
9217
- --shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
9218
- --color-surface-workspace-3: oklch(28.262653% 0.000579 251.779887 / 1);
9219
- --color-surface-workspace-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
9220
- --color-surface-workspace-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
9221
- --color-surface-workspace-3-edge: oklch(31.262414% 0.000786 223.30192 / 1);
9222
- --color-surface-workspace-3-edge-hover: oklch(32.76239% 0.000852 217.890449 / 1);
9223
- --color-surface-workspace-3-edge-strong: oklch(34.262637% 0.000554 227.546102 / 1);
9224
- --shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
9225
- --color-surface-workspace-4: oklch(31.262653% 0.000965 251.779887 / 1);
9226
- --color-surface-workspace-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
9227
- --color-surface-workspace-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
9228
- --color-surface-workspace-4-edge: oklch(34.262388% 0.001081 229.562549 / 1);
9229
- --color-surface-workspace-4-edge-hover: oklch(35.762368% 0.001113 224.223973 / 1);
9230
- --color-surface-workspace-4-edge-strong: oklch(37.262577% 0.000789 233.88028 / 1);
9231
- --shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
9232
- --color-surface-workspace-5: oklch(34.462653% 0.001351 251.779887 / 1);
9233
- --color-surface-workspace-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
9234
- --color-surface-workspace-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
9235
- --color-surface-workspace-5-edge: oklch(37.462306% 0.001383 232.326593 / 1);
9236
- --color-surface-workspace-5-edge-hover: oklch(38.962289% 0.001381 227.27596 / 1);
9237
- --color-surface-workspace-5-edge-strong: oklch(40.462502% 0.001021 236.850623 / 1);
9238
- --shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
9239
- --color-surface-workspace-6: oklch(37.862653% 0.001737 251.779887 / 1);
9240
- --color-surface-workspace-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
9241
- --color-surface-workspace-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
9242
- --color-surface-workspace-6-edge: oklch(40.862119% 0.001675 232.73309 / 1);
9243
- --color-surface-workspace-6-edge-hover: oklch(42.362109% 0.00164 227.857087 / 1);
9244
- --color-surface-workspace-6-edge-strong: oklch(43.862347% 0.00123 237.995612 / 1);
9245
- --shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
9246
- --color-surface-workspace-7: oklch(41.462653% 0.002316 251.779887 / 1);
9247
- --color-surface-workspace-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
9248
- --color-surface-workspace-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
9249
- --color-surface-workspace-7-edge: oklch(44.461544% 0.002044 231.400626 / 1);
9250
- --color-surface-workspace-7-edge-hover: oklch(45.96156% 0.001955 226.688651 / 1);
9251
- --color-surface-workspace-7-edge-strong: oklch(47.461928% 0.001481 238.511019 / 1);
9252
- --shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
9253
- --color-surface-workspace-8: oklch(45.262653% 0.002896 251.779887 / 1);
9254
- --color-surface-workspace-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
9255
- --color-surface-workspace-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
9256
- --color-surface-workspace-8-edge: oklch(48.258936% 0.002244 221.21104 / 1);
9257
- --color-surface-workspace-8-edge-hover: oklch(49.759627% 0.00212 217.57581 / 1);
9258
- --color-surface-workspace-8-edge-strong: oklch(51.260901% 0.001566 236.07467 / 1);
9259
- --shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
9260
- --color-substrate-chrome: oklch(22.462653% 0 none / 1);
9261
- --color-substrate-chrome-ink: oklch(92.431093% 0 none / 1);
9262
- --color-substrate-chrome-ink-muted: oklch(76.852224% 0 none / 1);
9263
- --color-surface-chrome-0: oklch(22.462653% 0 none / 1);
9264
- --color-surface-chrome-0-ink: oklch(92.431093% 0 none / 1);
9265
- --color-surface-chrome-0-ink-muted: oklch(76.852224% 0 none / 1);
9266
- --color-surface-chrome-0-edge: oklch(25.462422% 0.0004 195.87802 / 1);
9267
- --color-surface-chrome-0-edge-hover: oklch(26.96239% 0.000508 195.873454 / 1);
9268
- --color-surface-chrome-0-edge-strong: oklch(28.462655% 0.000247 195.888233 / 1);
9269
- --shadow-depth-chrome-0: 0 0 0 0 transparent;
9270
- --color-surface-chrome-1: oklch(24.962653% 0 none / 1);
9271
- --color-surface-chrome-1-ink: oklch(92.819977% 0 none / 1);
9272
- --color-surface-chrome-1-ink-muted: oklch(77.311197% 0 none / 1);
9273
- --color-surface-chrome-1-edge: oklch(27.962371% 0.000419 195.87905 / 1);
9274
- --color-surface-chrome-1-edge-hover: oklch(29.462366% 0.000533 195.87456 / 1);
9275
- --color-surface-chrome-1-edge-strong: oklch(30.962624% 0.000258 195.888744 / 1);
9276
- --shadow-depth-chrome-1: 0 0 0 0 transparent;
9277
- --color-surface-chrome-2: oklch(27.462653% 0.000386 251.779887 / 1);
9278
- --color-surface-chrome-2-ink: oklch(93.302555% 0.000077 251.779887 / 1);
9279
- --color-surface-chrome-2-ink-muted: oklch(77.879753% 0.000077 251.779887 / 1);
9280
- --color-surface-chrome-2-edge: oklch(30.462404% 0.000653 217.55758 / 1);
9281
- --color-surface-chrome-2-edge-hover: oklch(31.9624% 0.000738 212.625245 / 1);
9282
- --color-surface-chrome-2-edge-strong: oklch(33.462634% 0.000445 221.597802 / 1);
9283
- --shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
9284
- --color-surface-chrome-3: oklch(30.262653% 0.000579 251.779887 / 1);
9285
- --color-surface-chrome-3-ink: oklch(93.964672% 0.000116 251.779887 / 1);
9286
- --color-surface-chrome-3-ink-muted: oklch(78.657981% 0.000116 251.779887 / 1);
9287
- --color-surface-chrome-3-edge: oklch(33.262372% 0.000808 222.406407 / 1);
9288
- --color-surface-chrome-3-edge-hover: oklch(34.762359% 0.000879 217.091644 / 1);
9289
- --color-surface-chrome-3-edge-strong: oklch(36.262611% 0.000565 226.937884 / 1);
9290
- --shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
9291
- --color-surface-chrome-4: oklch(33.262653% 0.000965 251.779887 / 1);
9292
- --color-surface-chrome-4-ink: oklch(94.876877% 0.000193 251.779887 / 1);
9293
- --color-surface-chrome-4-ink-muted: oklch(79.72682% 0.000193 251.779887 / 1);
9294
- --color-surface-chrome-4-edge: oklch(36.262334% 0.001104 228.352324 / 1);
9295
- --color-surface-chrome-4-edge-hover: oklch(37.762335% 0.001141 223.022717 / 1);
9296
- --color-surface-chrome-4-edge-strong: oklch(39.262565% 0.000796 233.102098 / 1);
9297
- --shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
9298
- --color-surface-chrome-5: oklch(36.462653% 0.001351 251.779887 / 1);
9299
- --color-surface-chrome-5-ink: oklch(96.050221% 0.00027 251.779887 / 1);
9300
- --color-surface-chrome-5-ink-muted: oklch(81.096153% 0.00027 251.779887 / 1);
9301
- --color-surface-chrome-5-edge: oklch(39.462225% 0.001404 230.65698 / 1);
9302
- --color-surface-chrome-5-edge-hover: oklch(40.962223% 0.001408 225.546896 / 1);
9303
- --color-surface-chrome-5-edge-strong: oklch(42.462481% 0.00102 235.848082 / 1);
9304
- --shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
9305
- --color-surface-chrome-6: oklch(39.862653% 0.001737 251.779887 / 1);
9306
- --color-surface-chrome-6-ink: oklch(97.412147% 0.000347 251.779887 / 1);
9307
- --color-surface-chrome-6-ink-muted: oklch(82.678213% 0.000347 251.779887 / 1);
9308
- --color-surface-chrome-6-edge: oklch(42.86196% 0.001692 230.11409 / 1);
9309
- --color-surface-chrome-6-edge-hover: oklch(44.361968% 0.001662 225.16279 / 1);
9310
- --color-surface-chrome-6-edge-strong: oklch(45.8623% 0.001211 236.581901 / 1);
9311
- --shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
9312
- --color-surface-chrome-7: oklch(43.462653% 0.002316 251.779887 / 1);
9313
- --color-surface-chrome-7-ink: oklch(98.977631% 0.000463 251.779887 / 1);
9314
- --color-surface-chrome-7-ink-muted: oklch(84.487538% 0.000463 251.779887 / 1);
9315
- --color-surface-chrome-7-edge: oklch(46.460978% 0.002034 226.147767 / 1);
9316
- --color-surface-chrome-7-edge-hover: oklch(47.961145% 0.001951 221.599303 / 1);
9317
- --color-surface-chrome-7-edge-strong: oklch(49.461784% 0.001415 236.248506 / 1);
9318
- --shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
9319
- --color-surface-chrome-8: oklch(47.262653% 0.002896 251.779887 / 1);
9320
- --color-surface-chrome-8-ink: oklch(100% 0 none / 1);
9321
- --color-surface-chrome-8-ink-muted: oklch(86.636302% 0.000579 251.779887 / 1);
9322
- --color-surface-chrome-8-edge: oklch(50.262655% 0.002731 251.779887 / 1);
9323
- --color-surface-chrome-8-edge-hover: oklch(51.762631% 0.002649 251.779887 / 1);
9324
- --color-surface-chrome-8-edge-strong: oklch(53.260302% 0.001384 230.701407 / 1);
9325
- --shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
9326
- --color-surface-0: oklch(20.462653% 0 none / 1);
9327
- --color-surface-0-ink: oklch(92.184718% 0 none / 1);
9328
- --color-surface-0-ink-muted: oklch(76.561054% 0 none / 1);
9329
- --shadow-elevation-0: var(--ui-local-elevation-0);
9330
- --color-surface-1: oklch(22.962653% 0 none / 1);
9331
- --color-surface-1-ink: oklch(92.501588% 0 none / 1);
9332
- --color-surface-1-ink-muted: oklch(76.93548% 0 none / 1);
9333
- --shadow-elevation-1: var(--ui-local-elevation-1);
9334
- --color-surface-2: oklch(25.462653% 0.000386 251.779887 / 1);
9335
- --color-surface-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
9336
- --color-surface-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
9337
- --shadow-elevation-2: var(--ui-local-elevation-2);
9338
- --color-surface-3: oklch(28.262653% 0.000579 251.779887 / 1);
9339
- --color-surface-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
9340
- --color-surface-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
9341
- --shadow-elevation-3: var(--ui-local-elevation-3);
9342
- --color-surface-4: oklch(31.262653% 0.000965 251.779887 / 1);
9343
- --color-surface-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
9344
- --color-surface-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
9345
- --shadow-elevation-4: var(--ui-local-elevation-4);
9346
- --color-surface-5: oklch(34.462653% 0.001351 251.779887 / 1);
9347
- --color-surface-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
9348
- --color-surface-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
9349
- --shadow-elevation-5: var(--ui-local-elevation-5);
9350
- --color-surface-6: oklch(37.862653% 0.001737 251.779887 / 1);
9351
- --color-surface-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
9352
- --color-surface-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
9353
- --shadow-elevation-6: var(--ui-local-elevation-6);
9354
- --color-surface-7: oklch(41.462653% 0.002316 251.779887 / 1);
9355
- --color-surface-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
9356
- --color-surface-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
9357
- --shadow-elevation-7: var(--ui-local-elevation-7);
9358
- --color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
9359
- --color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
9360
- --color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
9361
- --shadow-elevation-8: var(--ui-local-elevation-8);
9362
- }
9363
- }
9364
6610
  :root {
9365
6611
  --ui-local-surface-0: var(--color-surface-workspace-0);
9366
6612
  --ui-local-surface-0-ink: var(--color-surface-workspace-0-ink);
@@ -11650,6 +8896,9 @@
11650
8896
  }
11651
8897
  }
11652
8898
  @layer components {
8899
+ [data-ui-select-viewport] {
8900
+ max-height: var(--ui-select-listbox-max-height, var(--spacing-select-listbox));
8901
+ }
11653
8902
  [data-ui-select-sheet-heading] {
11654
8903
  display: none;
11655
8904
  }
@@ -11727,23 +8976,6 @@
11727
8976
  display: none;
11728
8977
  }
11729
8978
  }
11730
- @layer components {
11731
- [data-ui-field-label-badge] {
11732
- color: var(--ui-surface-ink-muted);
11733
- background-color: var(--color-interaction-hover);
11734
- box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
11735
- }
11736
- [data-ui-field-error] {
11737
- color: var(--color-intent-danger-text, var(--color-intent-neutral-text));
11738
- }
11739
- [data-ui-field][data-layout="grid"] > [data-ui-field-label] {
11740
- grid-column: 1;
11741
- grid-row: 1;
11742
- }
11743
- [data-ui-field][data-layout="grid"] > [data-ui-field-description], [data-ui-field][data-layout="grid"] > [data-ui-field-error], [data-ui-field][data-layout="grid"] > [data-ui-field-control] {
11744
- grid-column: 2;
11745
- }
11746
- }
11747
8979
  @layer components {
11748
8980
  [data-ui-radio][data-variant="pills"]:has([data-ui-radio-input]:focus-visible), [data-ui-radio][data-variant="cards"][data-indicator="false"]:has([data-ui-radio-input]:focus-visible) {
11749
8981
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
@@ -12214,43 +9446,6 @@
12214
9446
  transform: rotate(0deg);
12215
9447
  }
12216
9448
  }
12217
- [data-ui-toast-outlet][data-stack="collapsed"] {
12218
- display: block;
12219
- height: var(--ui-toast-stack-height);
12220
- pointer-events: auto;
12221
- transition: height 160ms cubic-bezier(0.77, 0, 0.175, 1);
12222
- }
12223
- [data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] {
12224
- height: var(--ui-toast-stack-expanded-height);
12225
- }
12226
- [data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast] {
12227
- inset-inline: 0;
12228
- position: absolute;
12229
- top: 0;
12230
- opacity: var(--ui-toast-stack-opacity, 1);
12231
- transform: translateY(var(--ui-toast-stack-offset, 0px)) scale(var(--ui-toast-stack-scale, 1));
12232
- transform-origin: top center;
12233
- }
12234
- [data-ui-toast][data-swipe-axis="x"] {
12235
- touch-action: pan-y;
12236
- }
12237
- [data-ui-toast][data-swipe-axis="y"] {
12238
- touch-action: pan-x;
12239
- }
12240
- [data-ui-toast][data-swiping="true"] {
12241
- user-select: none;
12242
- }
12243
- [data-ui-toast-outlet][data-stack="collapsed"][data-position^="bottom"] > [data-ui-toast] {
12244
- bottom: 0;
12245
- top: auto;
12246
- transform-origin: bottom center;
12247
- }
12248
- [data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast]:not(:first-child) {
12249
- height: var(--ui-toast-front-height);
12250
- }
12251
- [data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] > [data-ui-toast] {
12252
- height: auto;
12253
- }
12254
9449
  @layer components {
12255
9450
  [data-ui-input-group] > [data-ui-input-root], [data-ui-input-group] [data-ui-input-control] {
12256
9451
  display: contents !important;
@@ -12393,6 +9588,269 @@
12393
9588
  }
12394
9589
  }
12395
9590
  }
9591
+ :root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
9592
+ cursor: var(--ui-sortable-drag-cursor, default) !important;
9593
+ }
9594
+ @layer components {
9595
+ :is( [data-ui-action-recipe]:is(:disabled, [aria-disabled="true"]):not([data-ui-loading]), [data-ui-action-recipe][data-disabled], [data-ui-control][data-ui-control-recipe]:is( [data-disabled], :disabled, :has(:disabled):not(:has(:enabled)) ), [data-ui-selection-root]:is([data-disabled], :has(:disabled):not(:has(:enabled))) ) {
9596
+ pointer-events: none;
9597
+ opacity: var(--opacity-interaction-disabled);
9598
+ }
9599
+ }
9600
+ @layer components {
9601
+ :is([data-ui-action-recipe], [data-ui-toast-recipe]) {
9602
+ --ui-intent-text: var(--ui-surface-ink);
9603
+ --ui-intent-text-hover: var(--ui-surface-ink);
9604
+ --ui-intent-soft: var(--color-intent-neutral-soft);
9605
+ --ui-intent-soft-hover: var(--color-intent-neutral-soft-hover);
9606
+ --ui-intent-soft-pressed: var(--color-intent-neutral-soft-pressed);
9607
+ --ui-intent-soft-ink: var(--color-intent-neutral-soft-ink);
9608
+ --ui-intent-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
9609
+ --ui-intent-solid: var(--color-intent-neutral-solid);
9610
+ --ui-intent-solid-hover: var(--color-intent-neutral-solid-hover);
9611
+ --ui-intent-solid-pressed: var(--color-intent-neutral-solid-pressed);
9612
+ --ui-intent-solid-ink: var(--color-intent-neutral-solid-ink);
9613
+ --ui-intent-edge: var(--ui-surface-edge);
9614
+ --ui-intent-edge-hover: var(--ui-surface-edge-hover);
9615
+ --ui-intent-edge-strong: var(--ui-surface-edge-strong);
9616
+ --ui-intent-focus: var(--color-intent-neutral-focus);
9617
+ --ui-intent-focus-width: var(--color-intent-neutral-focus-width);
9618
+ }
9619
+ :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="accent"] {
9620
+ --ui-intent-text: var(--color-intent-accent-text);
9621
+ --ui-intent-text-hover: var(--color-intent-accent-text-hover);
9622
+ --ui-intent-soft: var(--color-intent-accent-soft);
9623
+ --ui-intent-soft-hover: var(--color-intent-accent-soft-hover);
9624
+ --ui-intent-soft-pressed: var(--color-intent-accent-soft-pressed);
9625
+ --ui-intent-soft-ink: var(--color-intent-accent-soft-ink);
9626
+ --ui-intent-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
9627
+ --ui-intent-solid: var(--color-intent-accent-solid);
9628
+ --ui-intent-solid-hover: var(--color-intent-accent-solid-hover);
9629
+ --ui-intent-solid-pressed: var(--color-intent-accent-solid-pressed);
9630
+ --ui-intent-solid-ink: var(--color-intent-accent-solid-ink);
9631
+ --ui-intent-edge: var(--color-intent-accent-edge);
9632
+ --ui-intent-edge-hover: var(--color-intent-accent-edge-hover);
9633
+ --ui-intent-edge-strong: var(--color-intent-accent-edge-strong);
9634
+ --ui-intent-focus: var(--color-intent-accent-focus);
9635
+ --ui-intent-focus-width: var(--color-intent-accent-focus-width);
9636
+ }
9637
+ :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="success"] {
9638
+ --ui-intent-text: var(--color-intent-success-text);
9639
+ --ui-intent-text-hover: var(--color-intent-success-text-hover);
9640
+ --ui-intent-soft: var(--color-intent-success-soft);
9641
+ --ui-intent-soft-hover: var(--color-intent-success-soft-hover);
9642
+ --ui-intent-soft-pressed: var(--color-intent-success-soft-pressed);
9643
+ --ui-intent-soft-ink: var(--color-intent-success-soft-ink);
9644
+ --ui-intent-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
9645
+ --ui-intent-solid: var(--color-intent-success-solid);
9646
+ --ui-intent-solid-hover: var(--color-intent-success-solid-hover);
9647
+ --ui-intent-solid-pressed: var(--color-intent-success-solid-pressed);
9648
+ --ui-intent-solid-ink: var(--color-intent-success-solid-ink);
9649
+ --ui-intent-edge: var(--color-intent-success-edge);
9650
+ --ui-intent-edge-hover: var(--color-intent-success-edge-hover);
9651
+ --ui-intent-edge-strong: var(--color-intent-success-edge-strong);
9652
+ --ui-intent-focus: var(--color-intent-success-focus);
9653
+ --ui-intent-focus-width: var(--color-intent-success-focus-width);
9654
+ }
9655
+ :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="warning"] {
9656
+ --ui-intent-text: var(--color-intent-warning-text);
9657
+ --ui-intent-text-hover: var(--color-intent-warning-text-hover);
9658
+ --ui-intent-soft: var(--color-intent-warning-soft);
9659
+ --ui-intent-soft-hover: var(--color-intent-warning-soft-hover);
9660
+ --ui-intent-soft-pressed: var(--color-intent-warning-soft-pressed);
9661
+ --ui-intent-soft-ink: var(--color-intent-warning-soft-ink);
9662
+ --ui-intent-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
9663
+ --ui-intent-solid: var(--color-intent-warning-solid);
9664
+ --ui-intent-solid-hover: var(--color-intent-warning-solid-hover);
9665
+ --ui-intent-solid-pressed: var(--color-intent-warning-solid-pressed);
9666
+ --ui-intent-solid-ink: var(--color-intent-warning-solid-ink);
9667
+ --ui-intent-edge: var(--color-intent-warning-edge);
9668
+ --ui-intent-edge-hover: var(--color-intent-warning-edge-hover);
9669
+ --ui-intent-edge-strong: var(--color-intent-warning-edge-strong);
9670
+ --ui-intent-focus: var(--color-intent-warning-focus);
9671
+ --ui-intent-focus-width: var(--color-intent-warning-focus-width);
9672
+ }
9673
+ :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="danger"] {
9674
+ --ui-intent-text: var(--color-intent-danger-text);
9675
+ --ui-intent-text-hover: var(--color-intent-danger-text-hover);
9676
+ --ui-intent-soft: var(--color-intent-danger-soft);
9677
+ --ui-intent-soft-hover: var(--color-intent-danger-soft-hover);
9678
+ --ui-intent-soft-pressed: var(--color-intent-danger-soft-pressed);
9679
+ --ui-intent-soft-ink: var(--color-intent-danger-soft-ink);
9680
+ --ui-intent-soft-ink-muted: var(--color-intent-danger-soft-ink-muted);
9681
+ --ui-intent-solid: var(--color-intent-danger-solid);
9682
+ --ui-intent-solid-hover: var(--color-intent-danger-solid-hover);
9683
+ --ui-intent-solid-pressed: var(--color-intent-danger-solid-pressed);
9684
+ --ui-intent-solid-ink: var(--color-intent-danger-solid-ink);
9685
+ --ui-intent-edge: var(--color-intent-danger-edge);
9686
+ --ui-intent-edge-hover: var(--color-intent-danger-edge-hover);
9687
+ --ui-intent-edge-strong: var(--color-intent-danger-edge-strong);
9688
+ --ui-intent-focus: var(--color-intent-danger-focus);
9689
+ --ui-intent-focus-width: var(--color-intent-danger-focus-width);
9690
+ }
9691
+ }
9692
+ @layer components {
9693
+ [data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
9694
+ color: var(--ui-intent-text);
9695
+ background-color: transparent;
9696
+ box-shadow: none;
9697
+ }
9698
+ [data-ui-action-recipe][data-variant="soft"] {
9699
+ color: var(--ui-intent-soft-ink);
9700
+ background-color: var(--ui-intent-soft);
9701
+ box-shadow: none;
9702
+ }
9703
+ [data-ui-select-chip][data-variant="soft"] {
9704
+ background-color: var(--ui-intent-soft-hover);
9705
+ }
9706
+ [data-ui-action-recipe][data-variant="surface"] {
9707
+ color: var(--ui-intent-text);
9708
+ background-color: var(--color-interaction-hover);
9709
+ box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge);
9710
+ }
9711
+ [data-ui-action-recipe][data-variant="outline"] {
9712
+ color: var(--ui-intent-text);
9713
+ background-color: transparent;
9714
+ box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge);
9715
+ }
9716
+ [data-ui-action-recipe][data-variant="solid"] {
9717
+ color: var(--ui-intent-solid-ink);
9718
+ background-color: var(--ui-intent-solid);
9719
+ box-shadow: var(--shadow-elevation-1);
9720
+ }
9721
+ :is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
9722
+ box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
9723
+ }
9724
+ :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
9725
+ color: var(--ui-intent-text-hover);
9726
+ background-color: var(--color-interaction-hover);
9727
+ box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge-hover);
9728
+ }
9729
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
9730
+ color: var(--ui-intent-text-hover);
9731
+ background-color: var(--color-interaction-hover);
9732
+ }
9733
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="link"]:hover:not(:disabled):not([aria-disabled="true"]) {
9734
+ color: var(--ui-intent-text-hover);
9735
+ }
9736
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:hover:not(:disabled):not([aria-disabled="true"]) {
9737
+ background-color: var(--ui-intent-soft-hover);
9738
+ }
9739
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:hover:not(:disabled):not([aria-disabled="true"]) {
9740
+ background-color: var(--ui-intent-solid-hover);
9741
+ }
9742
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:active:not(:disabled):not([aria-disabled="true"]) {
9743
+ background-color: var(--ui-intent-soft-pressed);
9744
+ }
9745
+ :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:active:not(:disabled):not([aria-disabled="true"]) {
9746
+ background-color: var(--ui-intent-solid-pressed);
9747
+ }
9748
+ :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
9749
+ background-color: var(--color-interaction-pressed);
9750
+ }
9751
+ [data-ui-badge-close]:hover, [data-ui-badge-close]:focus-visible {
9752
+ background-color: currentColor;
9753
+ @supports (color: color-mix(in lab, red, red)) {
9754
+ background-color: color-mix(in srgb, currentColor 12%, transparent);
9755
+ }
9756
+ }
9757
+ [data-ui-badge-close]:focus-visible {
9758
+ box-shadow: 0 0 0 1px currentColor;
9759
+ }
9760
+ }
9761
+ [data-ui-toast-outlet] {
9762
+ --ui-toast-stack-peek: 8px;
9763
+ }
9764
+ [data-ui-toast-outlet][data-stack="collapsed"] {
9765
+ display: block;
9766
+ height: var(--ui-toast-stack-height);
9767
+ pointer-events: auto;
9768
+ transition: height 160ms cubic-bezier(0.77, 0, 0.175, 1);
9769
+ }
9770
+ [data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] {
9771
+ height: var(--ui-toast-stack-expanded-height);
9772
+ }
9773
+ [data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast] {
9774
+ inset-inline: 0;
9775
+ position: absolute;
9776
+ top: 0;
9777
+ opacity: var(--ui-toast-stack-opacity, 1);
9778
+ transform: translateY(var(--ui-toast-stack-offset, 0px)) scale(var(--ui-toast-stack-scale, 1));
9779
+ transform-origin: top center;
9780
+ }
9781
+ [data-ui-toast][data-swipe-axis="x"] {
9782
+ touch-action: pan-y;
9783
+ }
9784
+ [data-ui-toast][data-swipe-axis="y"] {
9785
+ touch-action: pan-x;
9786
+ }
9787
+ [data-ui-toast][data-swiping="true"] {
9788
+ user-select: none;
9789
+ }
9790
+ [data-ui-toast-outlet][data-stack="collapsed"][data-position^="bottom"] > [data-ui-toast] {
9791
+ bottom: 0;
9792
+ top: auto;
9793
+ transform-origin: bottom center;
9794
+ }
9795
+ [data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast]:not(:first-child) {
9796
+ height: var(--ui-toast-front-height);
9797
+ }
9798
+ [data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] > [data-ui-toast] {
9799
+ height: auto;
9800
+ }
9801
+ @layer components {
9802
+ [data-ui-toast-recipe] {
9803
+ --ui-toast-ink: var(--ui-surface-ink);
9804
+ --ui-toast-ink-muted: var(--ui-surface-ink-muted);
9805
+ color: var(--ui-toast-ink);
9806
+ background-color: var(--ui-surface-color);
9807
+ }
9808
+ [data-ui-toast-recipe][data-variant="soft"] {
9809
+ --ui-toast-ink: var(--ui-intent-soft-ink);
9810
+ --ui-toast-ink-muted: var(--ui-intent-soft-ink-muted);
9811
+ color: var(--ui-toast-ink);
9812
+ background-color: var(--ui-intent-soft);
9813
+ }
9814
+ [data-ui-toast-recipe][data-variant="surface"] {
9815
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-intent-edge);
9816
+ }
9817
+ [data-ui-toast-recipe][data-variant="outline"] {
9818
+ --ui-toast-ink: var(--ui-intent-text);
9819
+ --ui-toast-ink-muted: var(--ui-intent-text);
9820
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-intent-edge-strong);
9821
+ color: var(--ui-toast-ink);
9822
+ background-color: transparent;
9823
+ }
9824
+ [data-ui-toast-recipe][data-variant="solid"] {
9825
+ --ui-toast-ink: var(--ui-intent-solid-ink);
9826
+ --ui-toast-ink-muted: var(--ui-intent-solid-ink);
9827
+ color: var(--ui-toast-ink);
9828
+ background-color: var(--ui-intent-solid);
9829
+ }
9830
+ [data-ui-toast-marker] {
9831
+ background-color: var(--ui-intent-solid);
9832
+ }
9833
+ [data-ui-toast-title] {
9834
+ color: var(--ui-toast-ink);
9835
+ }
9836
+ [data-ui-toast-description] {
9837
+ color: var(--ui-toast-ink-muted);
9838
+ }
9839
+ [data-ui-toast-close] {
9840
+ color: var(--ui-toast-ink-muted);
9841
+ }
9842
+ [data-ui-toast-close]:hover {
9843
+ color: var(--ui-toast-ink);
9844
+ background-color: currentColor;
9845
+ @supports (color: color-mix(in lab, red, red)) {
9846
+ background-color: color-mix(in srgb, currentColor 10%, transparent);
9847
+ }
9848
+ }
9849
+ [data-ui-toast-close]:focus-visible {
9850
+ color: var(--ui-toast-ink);
9851
+ box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
9852
+ }
9853
+ }
12396
9854
  @layer components {
12397
9855
  [data-ui-tabs] {
12398
9856
  --ui-tabs-list-direction: row;
@@ -12615,384 +10073,9 @@
12615
10073
  }
12616
10074
  }
12617
10075
  }
12618
- :root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
12619
- cursor: var(--ui-sortable-drag-cursor, default) !important;
12620
- }
12621
- @media (hover: hover) {
12622
- [data-ui-elevation][data-ui-interactive="surface"]:hover {
12623
- --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
12624
- }
12625
- }
12626
- [data-ui-elevation][data-ui-interactive="surface"]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
12627
- --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
12628
- }
12629
- [data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
12630
- --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
12631
- }
12632
- [data-ui-selection-color], [data-ui-interaction] {
12633
- --ui-interaction-selected-fill: var(--background-interaction-selection-neutral);
12634
- --ui-interaction-selected-fill-hover: var(--background-interaction-selection-neutral-hover);
12635
- --ui-interaction-selected-ink: var(--color-interaction-selection-neutral-ink);
12636
- --ui-interaction-selected-edge: var(--color-intent-neutral-edge);
12637
- --ui-interaction-selected-edge-hover: var(--color-intent-neutral-edge-hover);
12638
- --ui-interaction-selected-edge-strong: var(--color-intent-neutral-edge-strong);
12639
- --ui-selection-solid: var(--color-intent-neutral-solid);
12640
- --ui-selection-solid-ink: var(--color-intent-neutral-solid-ink);
12641
- }
12642
- :is([data-ui-selection-color], [data-ui-interaction])[data-color="accent"] {
12643
- --ui-interaction-selected-fill: var(--background-interaction-selection-accent);
12644
- --ui-interaction-selected-fill-hover: var(--background-interaction-selection-accent-hover);
12645
- --ui-interaction-selected-ink: var(--color-interaction-selection-accent-ink);
12646
- --ui-interaction-selected-edge: var(--color-intent-accent-edge);
12647
- --ui-interaction-selected-edge-hover: var(--color-intent-accent-edge-hover);
12648
- --ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
12649
- --ui-selection-solid: var(--color-intent-accent-solid);
12650
- --ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
12651
- }
12652
- [data-ui-interaction] {
12653
- --ui-interaction-fill: transparent;
12654
- --ui-interaction-edge: var(--ui-interaction-rest-edge, transparent);
12655
- }
12656
- :is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
12657
- background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
12658
- }
12659
- :is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
12660
- --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
12661
- }
12662
- :is([data-ui-interaction="edge"], [data-ui-interaction="combined"]):not([data-ui-elevation]) {
12663
- box-shadow: var(--ui-state-shadow-layers);
12664
- }
12665
- @media (hover: hover) {
12666
- [data-ui-interaction]:hover {
12667
- --ui-interaction-fill: var(--color-interaction-hover);
12668
- --ui-interaction-edge: var(--ui-surface-edge-hover);
12669
- }
12670
- }
12671
- [data-ui-interaction]:active {
12672
- --ui-interaction-fill: var(--color-interaction-pressed);
12673
- --ui-interaction-edge: var(--ui-surface-edge-strong);
12674
- }
12675
- [data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
12676
- --ui-interaction-fill: var(--ui-interaction-selected-fill);
12677
- --ui-interaction-edge: var(--ui-interaction-selected-edge);
12678
- }
12679
- :is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]):is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
12680
- color: var(--ui-interaction-selected-ink);
12681
- }
12682
- @media (hover: hover) {
12683
- [data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ):hover {
12684
- --ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
12685
- --ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
12686
- }
12687
- }
12688
- [data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
12689
- --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
12690
- }
12691
- :root, .light, .dark {
12692
- color-scheme: light;
12693
- --ui-font-weight-normal: var(--font-weight-normal);
12694
- --ui-font-weight-medium: var(--font-weight-medium);
12695
- --ui-font-weight-semibold: var(--font-weight-semibold);
12696
- --ui-letter-spacing: 0;
12697
- --ui-label-ink: var(--ui-surface-ink-muted);
12698
- @supports (color: color-mix(in lab, red, red)) {
12699
- --ui-label-ink: color-mix(
12700
- in oklab,
12701
- var(--ui-surface-ink-muted),
12702
- var(--ui-surface-ink) var(--label-ink-emphasis)
12703
- );
12704
- }
12705
- --ui-control-height-xs: var(--spacing-control-xs);
12706
- --ui-control-height-sm: var(--spacing-control-sm);
12707
- --ui-control-height-md: var(--spacing-control-md);
12708
- --ui-control-height-lg: var(--spacing-control-lg);
12709
- --ui-control-height-xlg: var(--spacing-control-xlg);
12710
- --ui-control-radius: var(--radius-control);
12711
- --ui-popover-radius: var(--radius-overlay-sm);
12712
- --ui-popover-padding: var(--spacing-popover-padding);
12713
- --ui-popover-z: var(--z-index-popover);
12714
- --ui-toast-stack-peek: 8px;
12715
- --ui-select-listbox-max-height: var(--spacing-select-listbox);
12716
- --ui-menu-item-height: var(--spacing-menu-item);
12717
- --ui-icon-size-xs: var(--spacing-icon-xs);
12718
- --ui-icon-size-sm: var(--spacing-icon-sm);
12719
- --ui-icon-size: var(--spacing-icon);
12720
- --ui-icon-size-lg: var(--spacing-icon-lg);
12721
- --ui-scrollbar-size: var(--spacing-scrollbar);
12722
- --ui-scrollbar-inset: var(--spacing-scrollbar-inset);
12723
- --ui-scrollbar-thumb-radius: var(--radius-full);
12724
- }
12725
- .light {
12726
- color-scheme: light;
12727
- }
12728
- @layer components {
12729
- :is( [data-ui-action-recipe]:is(:disabled, [aria-disabled="true"]):not([data-ui-loading]), [data-ui-action-recipe][data-disabled], [data-ui-control][data-ui-control-recipe]:is( [data-disabled], :disabled, :has(:disabled):not(:has(:enabled)) ), [data-ui-selection-root]:is([data-disabled], :has(:disabled):not(:has(:enabled))) ) {
12730
- pointer-events: none;
12731
- opacity: var(--opacity-interaction-disabled);
12732
- }
12733
- [data-ui-action-recipe] {
12734
- --ui-action-text: var(--ui-surface-ink);
12735
- --ui-action-text-hover: var(--ui-surface-ink);
12736
- --ui-action-soft: var(--color-intent-neutral-soft);
12737
- --ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
12738
- --ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
12739
- --ui-action-soft-ink: var(--color-intent-neutral-soft-ink);
12740
- --ui-action-solid: var(--color-intent-neutral-solid);
12741
- --ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
12742
- --ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
12743
- --ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
12744
- --ui-action-edge: var(--ui-surface-edge);
12745
- --ui-action-edge-hover: var(--ui-surface-edge-hover);
12746
- --ui-action-edge-strong: var(--ui-surface-edge-strong);
12747
- --ui-action-focus: var(--color-intent-neutral-focus);
12748
- --ui-action-focus-width: var(--color-intent-neutral-focus-width);
12749
- }
12750
- [data-ui-action-recipe][data-color="accent"] {
12751
- --ui-action-text: var(--color-intent-accent-text);
12752
- --ui-action-text-hover: var(--color-intent-accent-text-hover);
12753
- --ui-action-soft: var(--color-intent-accent-soft);
12754
- --ui-action-soft-hover: var(--color-intent-accent-soft-hover);
12755
- --ui-action-soft-pressed: var(--color-intent-accent-soft-pressed);
12756
- --ui-action-soft-ink: var(--color-intent-accent-soft-ink);
12757
- --ui-action-solid: var(--color-intent-accent-solid);
12758
- --ui-action-solid-hover: var(--color-intent-accent-solid-hover);
12759
- --ui-action-solid-pressed: var(--color-intent-accent-solid-pressed);
12760
- --ui-action-solid-ink: var(--color-intent-accent-solid-ink);
12761
- --ui-action-edge: var(--color-intent-accent-edge);
12762
- --ui-action-edge-hover: var(--color-intent-accent-edge-hover);
12763
- --ui-action-edge-strong: var(--color-intent-accent-edge-strong);
12764
- --ui-action-focus: var(--color-intent-accent-focus);
12765
- --ui-action-focus-width: var(--color-intent-accent-focus-width);
12766
- }
12767
- [data-ui-action-recipe][data-color="success"] {
12768
- --ui-action-text: var(--color-intent-success-text);
12769
- --ui-action-text-hover: var(--color-intent-success-text-hover);
12770
- --ui-action-soft: var(--color-intent-success-soft);
12771
- --ui-action-soft-hover: var(--color-intent-success-soft-hover);
12772
- --ui-action-soft-pressed: var(--color-intent-success-soft-pressed);
12773
- --ui-action-soft-ink: var(--color-intent-success-soft-ink);
12774
- --ui-action-solid: var(--color-intent-success-solid);
12775
- --ui-action-solid-hover: var(--color-intent-success-solid-hover);
12776
- --ui-action-solid-pressed: var(--color-intent-success-solid-pressed);
12777
- --ui-action-solid-ink: var(--color-intent-success-solid-ink);
12778
- --ui-action-edge: var(--color-intent-success-edge);
12779
- --ui-action-edge-hover: var(--color-intent-success-edge-hover);
12780
- --ui-action-edge-strong: var(--color-intent-success-edge-strong);
12781
- --ui-action-focus: var(--color-intent-success-focus);
12782
- --ui-action-focus-width: var(--color-intent-success-focus-width);
12783
- }
12784
- [data-ui-action-recipe][data-color="warning"] {
12785
- --ui-action-text: var(--color-intent-warning-text);
12786
- --ui-action-text-hover: var(--color-intent-warning-text-hover);
12787
- --ui-action-soft: var(--color-intent-warning-soft);
12788
- --ui-action-soft-hover: var(--color-intent-warning-soft-hover);
12789
- --ui-action-soft-pressed: var(--color-intent-warning-soft-pressed);
12790
- --ui-action-soft-ink: var(--color-intent-warning-soft-ink);
12791
- --ui-action-solid: var(--color-intent-warning-solid);
12792
- --ui-action-solid-hover: var(--color-intent-warning-solid-hover);
12793
- --ui-action-solid-pressed: var(--color-intent-warning-solid-pressed);
12794
- --ui-action-solid-ink: var(--color-intent-warning-solid-ink);
12795
- --ui-action-edge: var(--color-intent-warning-edge);
12796
- --ui-action-edge-hover: var(--color-intent-warning-edge-hover);
12797
- --ui-action-edge-strong: var(--color-intent-warning-edge-strong);
12798
- --ui-action-focus: var(--color-intent-warning-focus);
12799
- --ui-action-focus-width: var(--color-intent-warning-focus-width);
12800
- }
12801
- [data-ui-action-recipe][data-color="danger"] {
12802
- --ui-action-text: var(--color-intent-danger-text);
12803
- --ui-action-text-hover: var(--color-intent-danger-text-hover);
12804
- --ui-action-soft: var(--color-intent-danger-soft);
12805
- --ui-action-soft-hover: var(--color-intent-danger-soft-hover);
12806
- --ui-action-soft-pressed: var(--color-intent-danger-soft-pressed);
12807
- --ui-action-soft-ink: var(--color-intent-danger-soft-ink);
12808
- --ui-action-solid: var(--color-intent-danger-solid);
12809
- --ui-action-solid-hover: var(--color-intent-danger-solid-hover);
12810
- --ui-action-solid-pressed: var(--color-intent-danger-solid-pressed);
12811
- --ui-action-solid-ink: var(--color-intent-danger-solid-ink);
12812
- --ui-action-edge: var(--color-intent-danger-edge);
12813
- --ui-action-edge-hover: var(--color-intent-danger-edge-hover);
12814
- --ui-action-edge-strong: var(--color-intent-danger-edge-strong);
12815
- --ui-action-focus: var(--color-intent-danger-focus);
12816
- --ui-action-focus-width: var(--color-intent-danger-focus-width);
12817
- }
12818
- [data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
12819
- color: var(--ui-action-text);
12820
- background-color: transparent;
12821
- box-shadow: none;
12822
- }
12823
- [data-ui-action-recipe][data-variant="soft"] {
12824
- color: var(--ui-action-soft-ink);
12825
- background-color: var(--ui-action-soft);
12826
- box-shadow: none;
12827
- }
12828
- [data-ui-select-chip][data-variant="soft"] {
12829
- background-color: var(--ui-action-soft-hover);
12830
- }
12831
- [data-ui-action-recipe][data-variant="surface"] {
12832
- color: var(--ui-action-text);
12833
- background-color: var(--color-interaction-hover);
12834
- box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
12835
- }
12836
- [data-ui-action-recipe][data-variant="outline"] {
12837
- color: var(--ui-action-text);
12838
- background-color: transparent;
12839
- box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
12840
- }
12841
- [data-ui-action-recipe][data-variant="solid"] {
12842
- color: var(--ui-action-solid-ink);
12843
- background-color: var(--ui-action-solid);
12844
- box-shadow: var(--shadow-elevation-1);
12845
- }
12846
- :is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
12847
- box-shadow: 0 0 0 var(--ui-action-focus-width) var(--ui-action-focus);
12848
- }
12849
- :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
12850
- color: var(--ui-action-text-hover);
12851
- background-color: var(--color-interaction-hover);
12852
- box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge-hover);
12853
- }
12854
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
12855
- color: var(--ui-action-text-hover);
12856
- background-color: var(--color-interaction-hover);
12857
- }
12858
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="link"]:hover:not(:disabled):not([aria-disabled="true"]) {
12859
- color: var(--ui-action-text-hover);
12860
- }
12861
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:hover:not(:disabled):not([aria-disabled="true"]) {
12862
- background-color: var(--ui-action-soft-hover);
12863
- }
12864
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:hover:not(:disabled):not([aria-disabled="true"]) {
12865
- background-color: var(--ui-action-solid-hover);
12866
- }
12867
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:active:not(:disabled):not([aria-disabled="true"]) {
12868
- background-color: var(--ui-action-soft-pressed);
12869
- }
12870
- :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:active:not(:disabled):not([aria-disabled="true"]) {
12871
- background-color: var(--ui-action-solid-pressed);
12872
- }
12873
- :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
12874
- background-color: var(--color-interaction-pressed);
12875
- }
12876
- [data-ui-badge-close]:hover, [data-ui-badge-close]:focus-visible {
12877
- background-color: currentColor;
12878
- @supports (color: color-mix(in lab, red, red)) {
12879
- background-color: color-mix(in srgb, currentColor 12%, transparent);
12880
- }
12881
- }
12882
- [data-ui-badge-close]:focus-visible {
12883
- box-shadow: 0 0 0 1px currentColor;
12884
- }
12885
- [data-ui-toast-recipe] {
12886
- --ui-toast-text: var(--ui-surface-ink);
12887
- --ui-toast-soft: var(--color-intent-neutral-soft);
12888
- --ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
12889
- --ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
12890
- --ui-toast-solid: var(--color-intent-neutral-solid);
12891
- --ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
12892
- --ui-toast-edge: var(--ui-surface-edge);
12893
- --ui-toast-edge-strong: var(--ui-surface-edge-strong);
12894
- --ui-toast-focus: var(--color-intent-neutral-focus);
12895
- --ui-toast-focus-width: var(--color-intent-neutral-focus-width);
12896
- --ui-toast-ink: var(--ui-surface-ink);
12897
- --ui-toast-ink-muted: var(--ui-surface-ink-muted);
12898
- color: var(--ui-toast-ink);
12899
- background-color: var(--ui-surface-color);
12900
- }
12901
- [data-ui-toast-recipe][data-color="accent"] {
12902
- --ui-toast-text: var(--color-intent-accent-text);
12903
- --ui-toast-soft: var(--color-intent-accent-soft);
12904
- --ui-toast-soft-ink: var(--color-intent-accent-soft-ink);
12905
- --ui-toast-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
12906
- --ui-toast-solid: var(--color-intent-accent-solid);
12907
- --ui-toast-solid-ink: var(--color-intent-accent-solid-ink);
12908
- --ui-toast-edge: var(--color-intent-accent-edge);
12909
- --ui-toast-edge-strong: var(--color-intent-accent-edge-strong);
12910
- --ui-toast-focus: var(--color-intent-accent-focus);
12911
- --ui-toast-focus-width: var(--color-intent-accent-focus-width);
12912
- }
12913
- [data-ui-toast-recipe][data-color="success"] {
12914
- --ui-toast-text: var(--color-intent-success-text);
12915
- --ui-toast-soft: var(--color-intent-success-soft);
12916
- --ui-toast-soft-ink: var(--color-intent-success-soft-ink);
12917
- --ui-toast-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
12918
- --ui-toast-solid: var(--color-intent-success-solid);
12919
- --ui-toast-solid-ink: var(--color-intent-success-solid-ink);
12920
- --ui-toast-edge: var(--color-intent-success-edge);
12921
- --ui-toast-edge-strong: var(--color-intent-success-edge-strong);
12922
- --ui-toast-focus: var(--color-intent-success-focus);
12923
- --ui-toast-focus-width: var(--color-intent-success-focus-width);
12924
- }
12925
- [data-ui-toast-recipe][data-color="warning"] {
12926
- --ui-toast-text: var(--color-intent-warning-text);
12927
- --ui-toast-soft: var(--color-intent-warning-soft);
12928
- --ui-toast-soft-ink: var(--color-intent-warning-soft-ink);
12929
- --ui-toast-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
12930
- --ui-toast-solid: var(--color-intent-warning-solid);
12931
- --ui-toast-solid-ink: var(--color-intent-warning-solid-ink);
12932
- --ui-toast-edge: var(--color-intent-warning-edge);
12933
- --ui-toast-edge-strong: var(--color-intent-warning-edge-strong);
12934
- --ui-toast-focus: var(--color-intent-warning-focus);
12935
- --ui-toast-focus-width: var(--color-intent-warning-focus-width);
12936
- }
12937
- [data-ui-toast-recipe][data-color="danger"] {
12938
- --ui-toast-text: var(--color-intent-danger-text);
12939
- --ui-toast-soft: var(--color-intent-danger-soft);
12940
- --ui-toast-soft-ink: var(--color-intent-danger-soft-ink);
12941
- --ui-toast-soft-ink-muted: var(--color-intent-danger-soft-ink-muted);
12942
- --ui-toast-solid: var(--color-intent-danger-solid);
12943
- --ui-toast-solid-ink: var(--color-intent-danger-solid-ink);
12944
- --ui-toast-edge: var(--color-intent-danger-edge);
12945
- --ui-toast-edge-strong: var(--color-intent-danger-edge-strong);
12946
- --ui-toast-focus: var(--color-intent-danger-focus);
12947
- --ui-toast-focus-width: var(--color-intent-danger-focus-width);
12948
- }
12949
- [data-ui-toast-recipe][data-variant="soft"] {
12950
- --ui-toast-ink: var(--ui-toast-soft-ink);
12951
- --ui-toast-ink-muted: var(--ui-toast-soft-ink-muted);
12952
- color: var(--ui-toast-ink);
12953
- background-color: var(--ui-toast-soft);
12954
- }
12955
- [data-ui-toast-recipe][data-variant="surface"] {
12956
- --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge);
12957
- }
12958
- [data-ui-toast-recipe][data-variant="outline"] {
12959
- --ui-toast-ink: var(--ui-toast-text);
12960
- --ui-toast-ink-muted: var(--ui-toast-text);
12961
- --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge-strong);
12962
- color: var(--ui-toast-ink);
12963
- background-color: transparent;
12964
- }
12965
- [data-ui-toast-recipe][data-variant="solid"] {
12966
- --ui-toast-ink: var(--ui-toast-solid-ink);
12967
- --ui-toast-ink-muted: var(--ui-toast-solid-ink);
12968
- color: var(--ui-toast-ink);
12969
- background-color: var(--ui-toast-solid);
12970
- }
12971
- [data-ui-toast-marker] {
12972
- background-color: var(--ui-toast-solid);
12973
- }
12974
- [data-ui-toast-title] {
12975
- color: var(--ui-toast-ink);
12976
- }
12977
- [data-ui-toast-description] {
12978
- color: var(--ui-toast-ink-muted);
12979
- }
12980
- [data-ui-toast-close] {
12981
- color: var(--ui-toast-ink-muted);
12982
- }
12983
- [data-ui-toast-close]:hover {
12984
- color: var(--ui-toast-ink);
12985
- background-color: currentColor;
12986
- @supports (color: color-mix(in lab, red, red)) {
12987
- background-color: color-mix(in srgb, currentColor 10%, transparent);
12988
- }
12989
- }
12990
- [data-ui-toast-close]:focus-visible {
12991
- color: var(--ui-toast-ink);
12992
- box-shadow: 0 0 0 var(--ui-toast-focus-width) var(--ui-toast-focus);
12993
- }
12994
- [data-ui-tabs-list] {
12995
- color: var(--ui-surface-ink);
10076
+ @layer components {
10077
+ [data-ui-tabs-list] {
10078
+ color: var(--ui-surface-ink);
12996
10079
  }
12997
10080
  [data-ui-tabs-list][data-variant="line"] {
12998
10081
  box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
@@ -13045,6 +10128,8 @@
13045
10128
  [data-ui-tabs-panel]:focus-visible {
13046
10129
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
13047
10130
  }
10131
+ }
10132
+ @layer components {
13048
10133
  [data-ui-option-recipe] {
13049
10134
  --ui-option-text: var(--ui-surface-ink);
13050
10135
  --ui-option-hover: var(--color-interaction-hover);
@@ -13142,6 +10227,25 @@
13142
10227
  :is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"], [data-ui-select-separator] > div {
13143
10228
  background-color: var(--ui-surface-separator);
13144
10229
  }
10230
+ }
10231
+ @layer components {
10232
+ [data-ui-field-label-badge] {
10233
+ color: var(--ui-surface-ink-muted);
10234
+ background-color: var(--color-interaction-hover);
10235
+ box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
10236
+ }
10237
+ [data-ui-field-error] {
10238
+ color: var(--color-intent-danger-text, var(--color-intent-neutral-text));
10239
+ }
10240
+ [data-ui-field][data-layout="grid"] > [data-ui-field-label] {
10241
+ grid-column: 1;
10242
+ grid-row: 1;
10243
+ }
10244
+ [data-ui-field][data-layout="grid"] > [data-ui-field-description], [data-ui-field][data-layout="grid"] > [data-ui-field-error], [data-ui-field][data-layout="grid"] > [data-ui-field-control] {
10245
+ grid-column: 2;
10246
+ }
10247
+ }
10248
+ @layer components {
13145
10249
  [data-ui-control][data-ui-control-recipe="field"] {
13146
10250
  color: inherit;
13147
10251
  background-color: transparent;
@@ -13193,6 +10297,8 @@
13193
10297
  [data-ui-select-native]:disabled + [data-ui-select-native-icon] {
13194
10298
  opacity: var(--opacity-interaction-disabled);
13195
10299
  }
10300
+ }
10301
+ @layer components {
13196
10302
  [data-ui-control][data-ui-control-recipe="dropzone"] {
13197
10303
  color: inherit;
13198
10304
  background-color: transparent;
@@ -13241,6 +10347,8 @@
13241
10347
  [data-ui-file-upload-remove]:focus-visible {
13242
10348
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
13243
10349
  }
10350
+ }
10351
+ @layer components {
13244
10352
  [data-ui-selection-root] {
13245
10353
  color: inherit;
13246
10354
  }
@@ -13289,6 +10397,104 @@
13289
10397
  box-shadow: 0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus), var(--shadow-elevation-1);
13290
10398
  }
13291
10399
  }
10400
+ @media (hover: hover) {
10401
+ [data-ui-elevation][data-ui-interactive="surface"]:hover {
10402
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
10403
+ }
10404
+ }
10405
+ [data-ui-elevation][data-ui-interactive="surface"]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
10406
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
10407
+ }
10408
+ [data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
10409
+ --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
10410
+ }
10411
+ [data-ui-selection-color], [data-ui-interaction] {
10412
+ --ui-interaction-selected-fill: var(--background-interaction-selection-neutral);
10413
+ --ui-interaction-selected-fill-hover: var(--background-interaction-selection-neutral-hover);
10414
+ --ui-interaction-selected-ink: var(--color-interaction-selection-neutral-ink);
10415
+ --ui-interaction-selected-edge: var(--color-intent-neutral-edge);
10416
+ --ui-interaction-selected-edge-hover: var(--color-intent-neutral-edge-hover);
10417
+ --ui-interaction-selected-edge-strong: var(--color-intent-neutral-edge-strong);
10418
+ --ui-selection-solid: var(--color-intent-neutral-solid);
10419
+ --ui-selection-solid-ink: var(--color-intent-neutral-solid-ink);
10420
+ }
10421
+ :is([data-ui-selection-color], [data-ui-interaction])[data-color="accent"] {
10422
+ --ui-interaction-selected-fill: var(--background-interaction-selection-accent);
10423
+ --ui-interaction-selected-fill-hover: var(--background-interaction-selection-accent-hover);
10424
+ --ui-interaction-selected-ink: var(--color-interaction-selection-accent-ink);
10425
+ --ui-interaction-selected-edge: var(--color-intent-accent-edge);
10426
+ --ui-interaction-selected-edge-hover: var(--color-intent-accent-edge-hover);
10427
+ --ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
10428
+ --ui-selection-solid: var(--color-intent-accent-solid);
10429
+ --ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
10430
+ }
10431
+ [data-ui-interaction] {
10432
+ --ui-interaction-fill: transparent;
10433
+ --ui-interaction-edge: var(--ui-interaction-rest-edge, transparent);
10434
+ }
10435
+ :is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
10436
+ background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
10437
+ }
10438
+ :is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
10439
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
10440
+ }
10441
+ :is([data-ui-interaction="edge"], [data-ui-interaction="combined"]):not([data-ui-elevation]) {
10442
+ box-shadow: var(--ui-state-shadow-layers);
10443
+ }
10444
+ @media (hover: hover) {
10445
+ [data-ui-interaction]:hover {
10446
+ --ui-interaction-fill: var(--color-interaction-hover);
10447
+ --ui-interaction-edge: var(--ui-surface-edge-hover);
10448
+ }
10449
+ }
10450
+ [data-ui-interaction]:active {
10451
+ --ui-interaction-fill: var(--color-interaction-pressed);
10452
+ --ui-interaction-edge: var(--ui-surface-edge-strong);
10453
+ }
10454
+ [data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
10455
+ --ui-interaction-fill: var(--ui-interaction-selected-fill);
10456
+ --ui-interaction-edge: var(--ui-interaction-selected-edge);
10457
+ }
10458
+ :is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]):is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
10459
+ color: var(--ui-interaction-selected-ink);
10460
+ }
10461
+ @media (hover: hover) {
10462
+ [data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ):hover {
10463
+ --ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
10464
+ --ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
10465
+ }
10466
+ }
10467
+ [data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
10468
+ --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
10469
+ }
10470
+ :root, .light, .dark {
10471
+ color-scheme: light;
10472
+ --ui-label-ink: var(--ui-surface-ink-muted);
10473
+ @supports (color: color-mix(in lab, red, red)) {
10474
+ --ui-label-ink: color-mix(
10475
+ in oklab,
10476
+ var(--ui-surface-ink-muted),
10477
+ var(--ui-surface-ink) var(--label-ink-emphasis)
10478
+ );
10479
+ }
10480
+ --ui-control-height-xs: var(--spacing-control-xs);
10481
+ --ui-control-height-sm: var(--spacing-control-sm);
10482
+ --ui-control-height-md: var(--spacing-control-md);
10483
+ --ui-control-height-lg: var(--spacing-control-lg);
10484
+ --ui-control-height-xlg: var(--spacing-control-xlg);
10485
+ --ui-popover-radius: var(--radius-overlay-sm);
10486
+ --ui-popover-padding: var(--spacing-popover-padding);
10487
+ --ui-icon-size-xs: var(--spacing-icon-xs);
10488
+ --ui-icon-size-sm: var(--spacing-icon-sm);
10489
+ --ui-icon-size: var(--spacing-icon);
10490
+ --ui-icon-size-lg: var(--spacing-icon-lg);
10491
+ --ui-scrollbar-size: var(--spacing-scrollbar);
10492
+ --ui-scrollbar-inset: var(--spacing-scrollbar-inset);
10493
+ --ui-scrollbar-thumb-radius: var(--radius-full);
10494
+ }
10495
+ .light {
10496
+ color-scheme: light;
10497
+ }
13292
10498
  .dark {
13293
10499
  color-scheme: dark;
13294
10500
  }