@a-type/ui 6.0.12 → 6.0.14

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 (138) hide show
  1. package/dist/arbor/arbor.d.ts +72 -8
  2. package/dist/arbor/arbor.js +94 -8
  3. package/dist/arbor/arbor.js.map +1 -1
  4. package/dist/colors.module.css +4 -4
  5. package/dist/components/actions/ActionButton.module.css +1 -1
  6. package/dist/components/box/Box.module.css +10 -10
  7. package/dist/components/box/Box.stories.js +1 -1
  8. package/dist/components/box/Box.stories.js.map +1 -1
  9. package/dist/components/button/Button.js +1 -1
  10. package/dist/components/button/Button.js.map +1 -1
  11. package/dist/components/button/Button.module.css +5 -12
  12. package/dist/components/button/index.d.ts +0 -1
  13. package/dist/components/button/index.js +0 -1
  14. package/dist/components/button/index.js.map +1 -1
  15. package/dist/components/camera/Camera.module.css +7 -7
  16. package/dist/components/card/Card.module.css +23 -23
  17. package/dist/components/card/Card.stories.js +2 -2
  18. package/dist/components/card/Card.stories.js.map +1 -1
  19. package/dist/components/chip/Chip.module.css +4 -4
  20. package/dist/components/combobox/Combobox.module.css +25 -25
  21. package/dist/components/datePicker/Calendar.module.css +3 -3
  22. package/dist/components/datePicker/DatePicker.d.ts +2 -1
  23. package/dist/components/datePicker/DatePicker.js.map +1 -1
  24. package/dist/components/datePicker/dateRangePicker.module.css +1 -1
  25. package/dist/components/dialog/Dialog.module.css +15 -15
  26. package/dist/components/editableText/EditableText.module.css +1 -1
  27. package/dist/components/emojiPicker/EmojiPicker.module.css +12 -12
  28. package/dist/components/forms/FieldLabel.module.css +8 -8
  29. package/dist/components/forms/Form.module.css +1 -1
  30. package/dist/components/forms/NumberStepperField.module.css +1 -1
  31. package/dist/components/forms/TextField.module.css +1 -1
  32. package/dist/components/horizontalList/HorizontalList.module.css +4 -4
  33. package/dist/components/icon/Icon.stories.js +2 -2
  34. package/dist/components/icon/Icon.stories.js.map +1 -1
  35. package/dist/components/imageUploader/ImageUploader.module.css +6 -6
  36. package/dist/components/input/Input.module.css +5 -5
  37. package/dist/components/layouts/PageContent.module.css +3 -3
  38. package/dist/components/layouts/PageFixedArea.module.css +1 -1
  39. package/dist/components/layouts/PageNav.module.css +3 -3
  40. package/dist/components/layouts/PageNowPlaying.module.css +3 -3
  41. package/dist/components/layouts/PageSection.module.css +2 -2
  42. package/dist/components/lightbox/Lightbox.module.css +3 -3
  43. package/dist/components/lists/lists.module.css +2 -2
  44. package/dist/components/masonry/masonry.d.ts +3 -2
  45. package/dist/components/masonry/masonry.js +2 -2
  46. package/dist/components/masonry/masonry.js.map +1 -1
  47. package/dist/components/navBar/NavBar.module.css +13 -13
  48. package/dist/components/note/Note.module.css +4 -4
  49. package/dist/components/peek/Peek.module.css +4 -4
  50. package/dist/components/popover/Popover.module.css +8 -8
  51. package/dist/components/popover/Popover.stories.js +1 -1
  52. package/dist/components/popover/Popover.stories.js.map +1 -1
  53. package/dist/components/primitives/menus.module.css +25 -27
  54. package/dist/components/progress/Progress.module.css +7 -7
  55. package/dist/components/pwaInstall/PwaInstall.module.css +3 -3
  56. package/dist/components/quickAction/QuickAction.module.css +1 -1
  57. package/dist/components/richEditor/richEditor.module.css +23 -23
  58. package/dist/components/select/Select.module.css +2 -2
  59. package/dist/components/spinner/Spinner.module.css +1 -1
  60. package/dist/components/switch/Switch.module.css +1 -1
  61. package/dist/components/tabs/tabs.module.css +6 -6
  62. package/dist/components/textArea/TextArea.module.css +1 -1
  63. package/dist/components/toasts/toasts.module.css +19 -19
  64. package/dist/components/toggleGroup/toggleGroup.module.css +1 -1
  65. package/dist/components/tooltip/Tooltip.module.css +1 -1
  66. package/dist/components/typography/typography.module.css +11 -11
  67. package/dist/components/viewport/Viewport.module.css +8 -8
  68. package/dist/css/arbor.css +388 -276
  69. package/dist/css/util.css +10 -10
  70. package/dist/keyboard.stories.js +1 -1
  71. package/dist/keyboard.stories.js.map +1 -1
  72. package/dist/shadows.stories.js +1 -1
  73. package/dist/shadows.stories.js.map +1 -1
  74. package/dist/theme.stories.module.css +1 -1
  75. package/package.json +3 -3
  76. package/src/arbor/arbor.ts +108 -10
  77. package/src/colors.module.css +4 -4
  78. package/src/components/actions/ActionButton.module.css +1 -1
  79. package/src/components/box/Box.module.css +10 -10
  80. package/src/components/box/Box.stories.tsx +1 -1
  81. package/src/components/button/Button.module.css +5 -12
  82. package/src/components/button/Button.tsx +1 -0
  83. package/src/components/button/index.ts +0 -1
  84. package/src/components/camera/Camera.module.css +7 -7
  85. package/src/components/card/Card.module.css +23 -23
  86. package/src/components/card/Card.stories.tsx +2 -2
  87. package/src/components/chip/Chip.module.css +4 -4
  88. package/src/components/combobox/Combobox.module.css +25 -25
  89. package/src/components/datePicker/Calendar.module.css +3 -3
  90. package/src/components/datePicker/DatePicker.tsx +2 -1
  91. package/src/components/datePicker/dateRangePicker.module.css +1 -1
  92. package/src/components/dialog/Dialog.module.css +15 -15
  93. package/src/components/editableText/EditableText.module.css +1 -1
  94. package/src/components/emojiPicker/EmojiPicker.module.css +12 -12
  95. package/src/components/forms/FieldLabel.module.css +8 -8
  96. package/src/components/forms/Form.module.css +1 -1
  97. package/src/components/forms/NumberStepperField.module.css +1 -1
  98. package/src/components/forms/TextField.module.css +1 -1
  99. package/src/components/horizontalList/HorizontalList.module.css +4 -4
  100. package/src/components/icon/Icon.stories.tsx +2 -2
  101. package/src/components/imageUploader/ImageUploader.module.css +6 -6
  102. package/src/components/input/Input.module.css +5 -5
  103. package/src/components/layouts/PageContent.module.css +3 -3
  104. package/src/components/layouts/PageFixedArea.module.css +1 -1
  105. package/src/components/layouts/PageNav.module.css +3 -3
  106. package/src/components/layouts/PageNowPlaying.module.css +3 -3
  107. package/src/components/layouts/PageSection.module.css +2 -2
  108. package/src/components/lightbox/Lightbox.module.css +3 -3
  109. package/src/components/lists/lists.module.css +2 -2
  110. package/src/components/masonry/masonry.tsx +3 -1
  111. package/src/components/navBar/NavBar.module.css +13 -13
  112. package/src/components/note/Note.module.css +4 -4
  113. package/src/components/peek/Peek.module.css +4 -4
  114. package/src/components/popover/Popover.module.css +8 -8
  115. package/src/components/popover/Popover.stories.tsx +1 -1
  116. package/src/components/primitives/menus.module.css +25 -27
  117. package/src/components/progress/Progress.module.css +7 -7
  118. package/src/components/pwaInstall/PwaInstall.module.css +3 -3
  119. package/src/components/quickAction/QuickAction.module.css +1 -1
  120. package/src/components/richEditor/richEditor.module.css +23 -23
  121. package/src/components/select/Select.module.css +2 -2
  122. package/src/components/spinner/Spinner.module.css +1 -1
  123. package/src/components/switch/Switch.module.css +1 -1
  124. package/src/components/tabs/tabs.module.css +6 -6
  125. package/src/components/textArea/TextArea.module.css +1 -1
  126. package/src/components/toasts/toasts.module.css +19 -19
  127. package/src/components/toggleGroup/toggleGroup.module.css +1 -1
  128. package/src/components/tooltip/Tooltip.module.css +1 -1
  129. package/src/components/typography/typography.module.css +11 -11
  130. package/src/components/viewport/Viewport.module.css +8 -8
  131. package/src/css/util.css +10 -10
  132. package/src/keyboard.stories.tsx +1 -1
  133. package/src/shadows.stories.tsx +1 -1
  134. package/src/theme.stories.module.css +1 -1
  135. package/dist/components/button/classes.d.ts +0 -7
  136. package/dist/components/button/classes.js +0 -24
  137. package/dist/components/button/classes.js.map +0 -1
  138. package/src/components/button/classes.tsx +0 -79
@@ -1,5 +1,51 @@
1
1
  /* Auto-generated CSS - do not edit directly */
2
2
  @layer arbor {
3
+ /* Global CSS */
4
+
5
+
6
+
7
+
8
+
9
+
10
+ @keyframes fadeInUp {
11
+ from { opacity: 0; transform: translateY(var(--m-space-sm)); } to { opacity: 1; transform: translateY(0); }
12
+ }
13
+ ,
14
+ @keyframes fadeInLeft {
15
+ from { opacity: 0; transform: translateX(-var(--m-space-sm)); } to { opacity: 1; transform: translateX(0); }
16
+ }
17
+ ,
18
+ @keyframes fadeInRight {
19
+ from { opacity: 0; transform: translateX(var(--m-space-sm)); } to { opacity: 1; transform: translateX(0); }
20
+ }
21
+ ,
22
+ @keyframes fadeOutUp {
23
+ from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-var(--m-space-sm)); }
24
+ }
25
+ ,
26
+ @keyframes fadeOutLeft {
27
+ from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-var(--m-space-sm)); }
28
+ }
29
+ ,
30
+ @keyframes fadeOutRight {
31
+ from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(var(--m-space-sm)); }
32
+ }
33
+ ,
34
+ @keyframes fadeOutDown {
35
+ from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(var(--m-space-sm)); }
36
+ }
37
+ ,
38
+ @keyframes fadeOut {
39
+ from { opacity: 1; } to { opacity: 0; }
40
+ }
41
+ ,
42
+ @keyframes fadeIn {
43
+ from { opacity: 0; } to { opacity: 1; }
44
+ }
45
+
46
+
47
+
48
+
3
49
  .\@mode-base, :root, :root, :root, .\@mode-base, :root, :root, :root {
4
50
  --_-meta-modeName: base;
5
51
  --m-global-trueLightColor: light-dark(white, black);
@@ -11,13 +57,16 @@
11
57
  --m-global-trueHeavyColor: light-dark(black, white);
12
58
  --m-global-schemeMultiplier: calc(1 - 0);
13
59
  --m-global-whenLight: 1;
14
- --m-typography-weight-thin: calc(clamp(200, 400 - (100) + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
15
- --m-typography-weight-normal: calc(clamp(200, 400 + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
16
- --m-text-secondary-weight: var(--m-typography-weight-normal);
17
- --m-text-ambient-weight: var(--m-typography-weight-normal);
18
- --m-typography-weight: var(--m-typography-weight-normal);
19
- --m-typography-weight-bold: calc(clamp(200, 400 + (100) + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
20
- --m-text-primary-weight: var(--m-typography-weight-bold);
60
+ --m-text-weight-thin: calc(clamp(200, 400 - (100) + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
61
+ --m-text-weight-normal: calc(clamp(200, 400 + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
62
+ --m-control-text-weight: calc(clamp(200, 400 + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
63
+ --m-prose-secondary-weight: var(--m-text-weight-normal);
64
+ --m-surface-text-weight: calc(clamp(200, 400 + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
65
+ --m-prose-ambient-weight: var(--m-text-weight-normal);
66
+ --m-text-weight: var(--m-text-weight-normal);
67
+ --m-text-weight-bold: calc(clamp(200, 400 + (100) + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
68
+ --m-action-text-weight: calc(clamp(200, 400 + (100) + calc(0.5 * calc(600 - 200) - (calc(600 - 200) / 2) + calc(-1 * 0 * 0)), 600));
69
+ --m-prose-primary-weight: var(--m-text-weight-bold);
21
70
  --m-global-whenDark: 0;
22
71
  --m-global-whenInverted: 0;
23
72
  --m-color-palette-lemon: light-dark(oklch(calc(clamp(0, calc(calc(0.9 + (1 * 0 * 0.3))), 1)) calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (1 * 0 * -0.7)) * 0.5), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(calc(0.55 + (1 * 0 * -0.4))), 1)) calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (1 * 0 * -0.6)) * 0.5), 0.4)) calc(calc(86 * 1))));
@@ -196,38 +245,38 @@
196
245
  --m-color-palette-user-_neutral-heavy: light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(0 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(0 * 1))));
197
246
  --m-color-palette-user-_neutral-ink: light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 1 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 1 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 1 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(0 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 1 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 1 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 1 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(0 * 1))));
198
247
  --m-global-color-saturation: 0.5;
199
- --m-action-padding-inline: calc((calc(round(8px * pow(2, 1 * 1) / 1, 1px)) + 1 * calc(round(8px * pow(2, -1 * 1) / 1, 1px))) / 1);
200
- --m-action-padding: calc(calc(round(8px * pow(2, 0 * 1) / 1, 1px)) / 1) calc((calc(round(8px * pow(2, 1 * 1) / 1, 1px)) + 1 * calc(round(8px * pow(2, -1 * 1) / 1, 1px))) / 1);
201
- --m-action-padding-block: calc(calc(round(8px * pow(2, 0 * 1) / 1, 1px)) / 1);
202
- --m-control-padding-inline: calc((calc(round(8px * pow(2, 0 * 1) / 1, 1px)) + 1 * calc(round(8px * pow(2, -1 * 1) / 1, 1px))) / 1);
203
- --m-control-padding: calc(round(8px * pow(2, -1 * 1) / 1, 1px)) calc((calc(round(8px * pow(2, 0 * 1) / 1, 1px)) + 1 * calc(round(8px * pow(2, -1 * 1) / 1, 1px))) / 1);
204
- --m-spacing-xs: calc(round(8px * pow(2, -2 * 1) / 1, 1px));
205
- --m-spacing-sm: calc(round(8px * pow(2, -1 * 1) / 1, 1px));
206
- --m-control-padding-block: var(--m-spacing-sm);
207
- --m-radius-xs: calc(1 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)) / 1);
208
- --m-spacing-md: calc(round(8px * pow(2, 0 * 1) / 1, 1px));
209
- --m-spacing: var(--m-spacing-md);
210
- --m-radius-sm: calc(1 * calc(round(8px * pow(2, 0 * 1) / 1, 1px)) / 1);
211
- --m-spacing-lg: calc(round(8px * pow(2, 1 * 1) / 1, 1px));
212
- --m-surface-padding-inline: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1));
213
- --m-surface-padding: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1)) calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1));
214
- --m-surface-padding-block: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1));
215
- --m-radius-md: calc(1 * calc(round(8px * pow(2, 1 * 1) / 1, 1px)) / 1);
216
- --m-action-radius: calc(calc(1 * calc(round(8px * pow(2, 1 * 1) / 1, 1px)) / 1) * 99 * 1);
217
- --m-control-radius: calc(calc(1 * calc(round(8px * pow(2, 1 * 1) / 1, 1px)) / 1) * 1 * 1);
218
- --m-surface-radius: calc(calc(1 * calc(round(8px * pow(2, 1 * 1) / 1, 1px)) / 1) * 1 * 1);
248
+ --m-space-xs: calc(round(8px * pow(2, -2 * 1) / 1, 1px));
249
+ --m-radius-xs: calc(1.5 * calc(round(8px * pow(2, -2 * 1) / 1, 1px)));
250
+ --m-space-sm: calc(round(8px * pow(2, -1 * 1) / 1, 1px));
251
+ --m-action-padding-inline: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) + 1.5 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)));
252
+ --m-action-padding: calc(round(8px * pow(2, 0 * 1) / 1, 1px)) calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) + 1.5 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)));
253
+ --m-control-padding-inline: calc(calc(round(8px * pow(2, 0 * 1) / 1, 1px)) + 1.5 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)));
254
+ --m-control-padding: calc(round(8px * pow(2, -1 * 1) / 1, 1px)) calc(calc(round(8px * pow(2, 0 * 1) / 1, 1px)) + 1.5 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)));
255
+ --m-control-padding-block: var(--m-space-sm);
256
+ --m-radius-sm: calc(1.5 * calc(round(8px * pow(2, -1 * 1) / 1, 1px)));
257
+ --m-space-md: calc(round(8px * pow(2, 0 * 1) / 1, 1px));
258
+ --m-action-padding-block: calc(round(8px * pow(2, 0 * 1) / 1, 1px));
259
+ --m-space: var(--m-space-md);
260
+ --m-radius-md: calc(1.5 * calc(round(8px * pow(2, 0 * 1) / 1, 1px)));
261
+ --m-action-radius: calc(calc(1.5 * calc(round(8px * pow(2, 0 * 1) / 1, 1px))) * 99 * 1.5);
262
+ --m-control-radius: calc(calc(1.5 * calc(round(8px * pow(2, 0 * 1) / 1, 1px))) * 1 * 1.5);
263
+ --m-surface-radius: calc(calc(1.5 * calc(round(8px * pow(2, 0 * 1) / 1, 1px))) * 1 * 1.5);
219
264
  --m-radius: var(--m-radius-md);
220
- --m-spacing-xl: calc(round(8px * pow(2, 2 * 1) / 1, 1px));
221
- --m-radius-lg: calc(1 * calc(round(8px * pow(2, 2 * 1) / 1, 1px)) / 1);
222
- --m-global-spacing-density: 1;
265
+ --m-space-lg: calc(round(8px * pow(2, 1 * 1) / 1, 1px));
266
+ --m-surface-padding-inline: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1.5));
267
+ --m-surface-padding: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1.5)) calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1.5));
268
+ --m-surface-padding-block: calc(calc(round(8px * pow(2, 1 * 1) / 1, 1px)) * max(1, 1 * 1.5));
269
+ --m-radius-lg: calc(1.5 * calc(round(8px * pow(2, 1 * 1) / 1, 1px)));
270
+ --m-space-xl: calc(round(8px * pow(2, 2 * 1) / 1, 1px));
271
+ --m-global-space-density: 1;
223
272
  --m-shadow-sm-blur: calc(0.5 * 8px * 0.25 * pow(2, 0 - 1));
224
273
  --m-shadow-md-blur: calc(0.5 * 8px * 0.25 * pow(2, 1 - 1));
225
274
  --m-shadow-lg-blur: calc(0.5 * 8px * 0.25 * pow(2, 2 - 1));
226
275
  --m-shadow-xl-blur: calc(0.5 * 8px * 0.25 * pow(2, 3 - 1));
227
- --m-global-spacing-baseSize: 8px;
228
- --m-global-spacing-scaleBase: 2;
229
- --m-global-spacing-scaleExponentStep: 1;
230
- --m-global-shape-roundness: 1;
276
+ --m-global-space-baseSize: 8px;
277
+ --m-global-space-scaleBase: 2;
278
+ --m-global-space-scaleExponentStep: 1;
279
+ --m-global-shape-roundness: 1.5;
231
280
  --m-lineWidth-sm: calc(max(1px, 1 * 1px / 2));
232
281
  --m-lineWidth-md: calc(1 * 1px);
233
282
  --m-lineWidth: var(--m-lineWidth-md);
@@ -251,20 +300,24 @@
251
300
  --m-global-shadow-blur: 0.5;
252
301
  --m-global-shadow-color: rgba(0, 0, 0, 0.05);
253
302
  --m-global-typography-baseFontSize: 16px;
254
- --m-typography-size-sm: calc(clamp(12px, 1rem * 1 * pow(1.25, -1 * 1), 8rem));
255
- --m-text-ambient-size: var(--m-typography-size-sm);
256
- --m-typography-size-md: calc(clamp(12px, 1rem * 1 * pow(1.25, 0 * 1), 8rem));
257
- --m-text-secondary-size: var(--m-typography-size-md);
258
- --m-typography-size: var(--m-typography-size-md);
259
- --m-typography-size-lg: calc(clamp(12px, 1rem * 1 * pow(1.25, 1 * 1), 8rem));
260
- --m-text-primary-size: var(--m-typography-size-lg);
261
- --m-typography-lineHeight-tight: calc(clamp(1, 1.5 + ((-1 + (1 - 1) / 2) * 0.125), 1.8));
262
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
263
- --m-typography-lineHeight-normal: calc(clamp(1, 1.5 + ((0 + (1 - 1) / 2) * 0.125), 1.8));
264
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
265
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
266
- --m-typography-lineHeight-loose: calc(clamp(1, 1.5 + ((1 + (1 - 1) / 2) * 0.125), 1.8));
267
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
303
+ --m-text-size-sm: calc(clamp(12px, 1rem * 1 * pow(1.25, -1 * 1), 8rem));
304
+ --m-prose-ambient-size: var(--m-text-size-sm);
305
+ --m-text-size-md: calc(clamp(12px, 1rem * 1 * pow(1.25, 0 * 1), 8rem));
306
+ --m-prose-secondary-size: var(--m-text-size-md);
307
+ --m-action-text-size: calc(clamp(12px, 1rem * 1 * pow(1.25, 0 * 1), 8rem));
308
+ --m-control-text-size: calc(clamp(12px, 1rem * 1 * pow(1.25, 0 * 1), 8rem));
309
+ --m-surface-text-size: calc(clamp(12px, 1rem * 1 * pow(1.25, 0 * 1), 8rem));
310
+ --m-text-size: var(--m-text-size-md);
311
+ --m-text-size-lg: calc(clamp(12px, 1rem * 1 * pow(1.25, 1 * 1), 8rem));
312
+ --m-prose-primary-size: var(--m-text-size-lg);
313
+ --m-text-lineHeight-tight: calc(clamp(1, 1.5 + ((-1 + (1 - 1) / 2) * 0.125), 1.8));
314
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
315
+ --m-text-lineHeight-normal: calc(clamp(1, 1.5 + ((0 + (1 - 1) / 2) * 0.125), 1.8));
316
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
317
+ --m-surface-text-lineHeight: calc(clamp(1, 1.5 + ((0 + (1 - 1) / 2) * 0.125), 1.8));
318
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
319
+ --m-text-lineHeight-loose: calc(clamp(1, 1.5 + ((1 + (1 - 1) / 2) * 0.125), 1.8));
320
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
268
321
  --m-global-typography-size: 1;
269
322
  --m-global-typography-weightStep: 100;
270
323
  --m-global-typography-minWeight: 200;
@@ -278,13 +331,16 @@
278
331
  --m-global-typography-maxFontSize: 8rem;
279
332
  --m-global-typography-fontSizeScaleBase: 1.25;
280
333
  --m-global-typography-fontSizeScaleExponentStep: 1;
281
- --m-typography-letterSpacing-tight: calc(clamp(0, 0 + (-1 * 0), 0));
282
- --m-typography-letterSpacing-normal: calc(clamp(0, 0 + (0 * 0), 0));
283
- --m-text-primary-letterSpacing: var(--m-typography-letterSpacing-normal);
284
- --m-text-secondary-letterSpacing: var(--m-typography-letterSpacing-normal);
285
- --m-text-ambient-letterSpacing: var(--m-typography-letterSpacing-normal);
286
- --m-typography-letterSpacing: var(--m-typography-letterSpacing-normal);
287
- --m-typography-letterSpacing-loose: calc(clamp(0, 0 + (1 * 0), 0));
334
+ --m-text-letterSpacing-tight: calc(clamp(0, 0 + (-1 * 0), 0));
335
+ --m-text-letterSpacing-normal: calc(clamp(0, 0 + (0 * 0), 0));
336
+ --m-control-text-letterSpacing: calc(clamp(0, 0 + (0 * 0), 0));
337
+ --m-prose-primary-letterSpacing: var(--m-text-letterSpacing-normal);
338
+ --m-prose-secondary-letterSpacing: var(--m-text-letterSpacing-normal);
339
+ --m-action-text-letterSpacing: calc(clamp(0, 0 + (0 * 0), 0));
340
+ --m-surface-text-letterSpacing: calc(clamp(0, 0 + (0 * 0), 0));
341
+ --m-prose-ambient-letterSpacing: var(--m-text-letterSpacing-normal);
342
+ --m-text-letterSpacing: var(--m-text-letterSpacing-normal);
343
+ --m-text-letterSpacing-loose: calc(clamp(0, 0 + (1 * 0), 0));
288
344
  --m-global-typography-letterSpacingStep: 0;
289
345
  --m-global-typography-minLetterSpacing: 0;
290
346
  --m-global-typography-maxLetterSpacing: 0;
@@ -295,16 +351,26 @@
295
351
  --m-easing-medium: cubic-bezier(calc(max(0, calc(1 * 0.5 * pow(2, 0)))), 0, calc(calc(1 * 0.5 * pow(2, 0)) / 2), 1);
296
352
  --m-easing: var(--m-easing-medium);
297
353
  --m-easing-loose: cubic-bezier(calc(max(0, calc(1 * 0.5 * pow(2, 1)))), 0, calc(calc(1 * 0.5 * pow(2, 1)) / 2), 1);
354
+ --m-easing-in-tight: cubic-bezier(calc(max(0, calc(1 * 0.5 * pow(2, -1)))), 0, calc(calc(1 * 0.5 * pow(2, -1))), 1);
355
+ --m-easing-in-medium: cubic-bezier(calc(max(0, calc(1 * 0.5 * pow(2, 0)))), 0, calc(calc(1 * 0.5 * pow(2, 0))), 1);
356
+ --m-easing-in: var(--m-easing-in-medium);
357
+ --m-easing-in-loose: cubic-bezier(calc(max(0, calc(1 * 0.5 * pow(2, 1)))), 0, calc(calc(1 * 0.5 * pow(2, 1))), 1);
358
+ --m-easing-out-tight: cubic-bezier(0, 0, calc(calc(1 * 0.5 * pow(2, -1)) / 2), 1);
359
+ --m-easing-out-medium: cubic-bezier(0, 0, calc(calc(1 * 0.5 * pow(2, 0)) / 2), 1);
360
+ --m-easing-out: var(--m-easing-out-medium);
361
+ --m-easing-out-loose: cubic-bezier(0, 0, calc(calc(1 * 0.5 * pow(2, 1)) / 2), 1);
298
362
  --m-global-easing-bounciness: 1;
299
- --m-duration-short: calc(200ms * pow(2, -1 * 1));
300
- --m-duration-medium: calc(200ms * pow(2, 0 * 1));
363
+ --m-duration-short: calc(200ms * pow(2, -1) * 1);
364
+ --m-duration-medium: calc(200ms * pow(2, 0) * 1);
301
365
  --m-duration: var(--m-duration-medium);
302
- --m-duration-long: calc(200ms * pow(2, 1 * 1));
366
+ --m-duration-long: calc(200ms * pow(2, 1) * 1);
303
367
  --m-global-duration-slowness: 1;
304
368
  --m-global-duration-base: 200ms;
305
369
  --m-global-duration-min: 100ms;
306
370
  --m-global-duration-max: 500ms;
307
371
  --m-action-roundness: 99;
372
+ --m-action-text-lineHeight: 1;
373
+ --m-action-text-font: inherit;
308
374
  --m-action-primary-borderColor: var(--mx-fg-ref);
309
375
  --m-action-primary-borderStyle: solid;
310
376
  --m-action-secondary-borderColor: var(--mx-fg-ref);
@@ -318,13 +384,16 @@
318
384
  --m-action-light-borderStyle: solid;
319
385
  --m-control-roundness: 1;
320
386
  --m-control-borderStyle: solid;
387
+ --m-control-text-lineHeight: 1;
388
+ --m-control-text-font: inherit;
321
389
  --m-surface-roundness: 1;
390
+ --m-surface-text-font: inherit;
322
391
  --m-surface-primary-borderStyle: solid;
323
392
  --m-surface-secondary-borderStyle: solid;
324
393
  --m-surface-ambient-borderStyle: solid;
325
- --m-text-primary-font: inherit;
326
- --m-text-secondary-font: inherit;
327
- --m-text-ambient-font: inherit;
394
+ --m-prose-primary-font: inherit;
395
+ --m-prose-secondary-font: inherit;
396
+ --m-prose-ambient-font: inherit;
328
397
  --m-shadow-none-x: 0;
329
398
  --m-shadow-none-y: 0;
330
399
  --m-shadow-none-blur: 0;
@@ -422,14 +491,14 @@
422
491
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
423
492
  --m-shadow-color: var(--m-color-neutral-heavy);
424
493
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
425
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
494
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
426
495
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
427
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
496
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
428
497
  --m-shadow: var(--m-shadow-md);
429
498
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
430
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
499
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
431
500
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
432
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
501
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
433
502
  --m-color-main-_neutral-heavy: var(--m-color-palette-lemon-_neutral-heavy);
434
503
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
435
504
  --m-control-fg: var(--m-color-neutral-ink);
@@ -475,14 +544,14 @@
475
544
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
476
545
  --m-shadow-color: var(--m-color-neutral-heavy);
477
546
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
478
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
547
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
479
548
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
480
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
549
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
481
550
  --m-shadow: var(--m-shadow-md);
482
551
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
483
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
552
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
484
553
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
485
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
554
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
486
555
  --m-color-main-_neutral-heavy: var(--m-color-accent-_neutral-heavy);
487
556
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
488
557
  --m-control-fg: var(--m-color-neutral-ink);
@@ -528,14 +597,14 @@
528
597
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
529
598
  --m-shadow-color: var(--m-color-neutral-heavy);
530
599
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
531
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
600
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
532
601
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
533
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
602
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
534
603
  --m-shadow: var(--m-shadow-md);
535
604
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
536
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
605
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
537
606
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
538
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
607
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
539
608
  --m-color-main-_neutral-heavy: var(--m-color-palette-success-_neutral-heavy);
540
609
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
541
610
  --m-control-fg: var(--m-color-neutral-ink);
@@ -581,14 +650,14 @@
581
650
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
582
651
  --m-shadow-color: var(--m-color-neutral-heavy);
583
652
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
584
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
653
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
585
654
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
586
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
655
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
587
656
  --m-shadow: var(--m-shadow-md);
588
657
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
589
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
658
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
590
659
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
591
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
660
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
592
661
  --m-color-main-_neutral-heavy: var(--m-color-palette-attention-_neutral-heavy);
593
662
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
594
663
  --m-control-fg: var(--m-color-neutral-ink);
@@ -651,14 +720,14 @@
651
720
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
652
721
  --m-shadow-color: var(--m-color-neutral-heavy);
653
722
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
654
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
723
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
655
724
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
656
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
725
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
657
726
  --m-shadow: var(--m-shadow-md);
658
727
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
659
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
728
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
660
729
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
661
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
730
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
662
731
  --m-color-main-_neutral-heavy: var(--m-color-palette-user-_neutral-heavy);
663
732
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
664
733
  --m-control-fg: var(--m-color-neutral-ink);
@@ -706,14 +775,14 @@
706
775
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
707
776
  --m-shadow-color: var(--m-color-neutral-heavy);
708
777
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
709
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
778
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
710
779
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
711
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
780
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
712
781
  --m-shadow: var(--m-shadow-md);
713
782
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
714
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
783
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
715
784
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
716
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
785
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
717
786
  --m-color-main-_neutral-heavy: var(--m-color-palette-lemon-_neutral-heavy);
718
787
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
719
788
  --m-control-fg: var(--m-color-neutral-ink);
@@ -759,14 +828,14 @@
759
828
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
760
829
  --m-shadow-color: var(--m-color-neutral-heavy);
761
830
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
762
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
831
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
763
832
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
764
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
833
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
765
834
  --m-shadow: var(--m-shadow-md);
766
835
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
767
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
836
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
768
837
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
769
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
838
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
770
839
  --m-color-main-_neutral-heavy: var(--m-color-palette-leek-_neutral-heavy);
771
840
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
772
841
  --m-control-fg: var(--m-color-neutral-ink);
@@ -826,14 +895,14 @@
826
895
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
827
896
  --m-shadow-color: var(--m-color-neutral-heavy);
828
897
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
829
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
898
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
830
899
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
831
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
900
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
832
901
  --m-shadow: var(--m-shadow-md);
833
902
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
834
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
903
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
835
904
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
836
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
905
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
837
906
  --m-color-main-_neutral-heavy: var(--m-color-palette-tomato-_neutral-heavy);
838
907
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
839
908
  --m-control-fg: var(--m-color-neutral-ink);
@@ -879,14 +948,14 @@
879
948
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
880
949
  --m-shadow-color: var(--m-color-neutral-heavy);
881
950
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
882
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
951
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
883
952
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
884
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
953
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
885
954
  --m-shadow: var(--m-shadow-md);
886
955
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
887
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
956
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
888
957
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
889
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
958
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
890
959
  --m-color-main-_neutral-heavy: var(--m-color-palette-blueberry-_neutral-heavy);
891
960
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
892
961
  --m-control-fg: var(--m-color-neutral-ink);
@@ -932,14 +1001,14 @@
932
1001
  --m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
933
1002
  --m-shadow-color: var(--m-color-neutral-heavy);
934
1003
  --m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
935
- --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
1004
+ --m-shadow-sm: 0px calc(1px * pow(2, 0 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
936
1005
  --m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
937
- --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
1006
+ --m-shadow-md: 0px calc(1px * pow(2, 1 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
938
1007
  --m-shadow: var(--m-shadow-md);
939
1008
  --m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
940
- --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
1009
+ --m-shadow-lg: 0px calc(1px * pow(2, 2 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
941
1010
  --m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
942
- --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-spacing-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
1011
+ --m-shadow-xl: 0px calc(1px * pow(2, 3 - 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
943
1012
  --m-color-main-_neutral-heavy: var(--m-color-palette-eggplant-_neutral-heavy);
944
1013
  --m-color-neutral-ink: var(--m-color-main-_neutral-ink);
945
1014
  --m-control-fg: var(--m-color-neutral-ink);
@@ -950,240 +1019,281 @@
950
1019
 
951
1020
  .\@mode-dense {
952
1021
  --_-meta-modeName: dense;
953
- --m-action-padding-inline: calc((var(--m-spacing-lg) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1022
+ --m-space-xs: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1023
+ --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-space-xs));
1024
+ --m-space-sm: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1025
+ --m-action-padding-inline: calc(var(--m-space-lg) + var(--m-global-shape-roundness) * var(--m-space-sm));
954
1026
  --m-action-padding: var(--m-action-padding-block) var(--m-action-padding-inline);
955
- --m-action-padding-block: calc(var(--m-spacing-md) / var(--m-global-spacing-density));
956
- --m-control-padding-inline: calc((var(--m-spacing-md) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1027
+ --m-control-padding-inline: calc(var(--m-space-md) + var(--m-global-shape-roundness) * var(--m-space-sm));
957
1028
  --m-control-padding: var(--m-control-padding-block) var(--m-control-padding-inline);
958
- --m-spacing-xs: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
959
- --m-spacing-sm: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
960
- --m-control-padding-block: var(--m-spacing-sm);
961
- --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-spacing-sm) / var(--m-global-spacing-density));
962
- --m-spacing-md: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 0 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
963
- --m-spacing: var(--m-spacing-md);
964
- --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-spacing-md) / var(--m-global-spacing-density));
965
- --m-spacing-lg: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
966
- --m-surface-padding-inline: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
967
- --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
968
- --m-surface-padding-block: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
969
- --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-spacing-lg) / var(--m-global-spacing-density));
1029
+ --m-control-padding-block: var(--m-space-sm);
1030
+ --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-space-sm));
1031
+ --m-space-md: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 0 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1032
+ --m-action-padding-block: var(--m-space-md);
1033
+ --m-space: var(--m-space-md);
1034
+ --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-space-md));
970
1035
  --m-action-radius: calc(var(--m-radius-md) * var(--m-action-roundness) * var(--m-global-shape-roundness));
971
1036
  --m-control-radius: calc(var(--m-radius-md) * var(--m-control-roundness) * var(--m-global-shape-roundness));
972
1037
  --m-surface-radius: calc(var(--m-radius-md) * var(--m-surface-roundness) * var(--m-global-shape-roundness));
973
1038
  --m-radius: var(--m-radius-md);
974
- --m-spacing-xl: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
975
- --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-spacing-xl) / var(--m-global-spacing-density));
976
- --m-global-spacing-density: 1.25;
977
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
978
- --m-text-ambient-size: var(--m-typography-size-sm);
979
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
980
- --m-text-secondary-size: var(--m-typography-size-md);
981
- --m-typography-size: var(--m-typography-size-md);
982
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
983
- --m-text-primary-size: var(--m-typography-size-lg);
984
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
985
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
986
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
987
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
988
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
989
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
990
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1039
+ --m-space-lg: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1040
+ --m-surface-padding-inline: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1041
+ --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1042
+ --m-surface-padding-block: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1043
+ --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-space-lg));
1044
+ --m-space-xl: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1045
+ --m-global-space-density: 1.25;
1046
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1047
+ --m-prose-ambient-size: var(--m-text-size-sm);
1048
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1049
+ --m-prose-secondary-size: var(--m-text-size-md);
1050
+ --m-action-text-size: var(--m-prose-secondary-size);
1051
+ --m-control-text-size: var(--m-prose-secondary-size);
1052
+ --m-surface-text-size: var(--m-prose-secondary-size);
1053
+ --m-text-size: var(--m-text-size-md);
1054
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1055
+ --m-prose-primary-size: var(--m-text-size-lg);
1056
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1057
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1058
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1059
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1060
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1061
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1062
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1063
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
991
1064
  --m-global-typography-size: 0.825;
992
1065
  }
993
1066
 
994
1067
  .\@mode-denser {
995
1068
  --_-meta-modeName: denser;
996
- --m-action-padding-inline: calc((var(--m-spacing-lg) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1069
+ --m-space-xs: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1070
+ --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-space-xs));
1071
+ --m-space-sm: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1072
+ --m-action-padding-inline: calc(var(--m-space-lg) + var(--m-global-shape-roundness) * var(--m-space-sm));
997
1073
  --m-action-padding: var(--m-action-padding-block) var(--m-action-padding-inline);
998
- --m-action-padding-block: calc(var(--m-spacing-md) / var(--m-global-spacing-density));
999
- --m-control-padding-inline: calc((var(--m-spacing-md) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1074
+ --m-control-padding-inline: calc(var(--m-space-md) + var(--m-global-shape-roundness) * var(--m-space-sm));
1000
1075
  --m-control-padding: var(--m-control-padding-block) var(--m-control-padding-inline);
1001
- --m-spacing-xs: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1002
- --m-spacing-sm: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1003
- --m-control-padding-block: var(--m-spacing-sm);
1004
- --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-spacing-sm) / var(--m-global-spacing-density));
1005
- --m-spacing-md: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 0 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1006
- --m-spacing: var(--m-spacing-md);
1007
- --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-spacing-md) / var(--m-global-spacing-density));
1008
- --m-spacing-lg: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1009
- --m-surface-padding-inline: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1010
- --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1011
- --m-surface-padding-block: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1012
- --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-spacing-lg) / var(--m-global-spacing-density));
1076
+ --m-control-padding-block: var(--m-space-sm);
1077
+ --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-space-sm));
1078
+ --m-space-md: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 0 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1079
+ --m-action-padding-block: var(--m-space-md);
1080
+ --m-space: var(--m-space-md);
1081
+ --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-space-md));
1013
1082
  --m-action-radius: calc(var(--m-radius-md) * var(--m-action-roundness) * var(--m-global-shape-roundness));
1014
1083
  --m-control-radius: calc(var(--m-radius-md) * var(--m-control-roundness) * var(--m-global-shape-roundness));
1015
1084
  --m-surface-radius: calc(var(--m-radius-md) * var(--m-surface-roundness) * var(--m-global-shape-roundness));
1016
1085
  --m-radius: var(--m-radius-md);
1017
- --m-spacing-xl: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1018
- --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-spacing-xl) / var(--m-global-spacing-density));
1019
- --m-global-spacing-density: 1.5;
1020
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1021
- --m-text-ambient-size: var(--m-typography-size-sm);
1022
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1023
- --m-text-secondary-size: var(--m-typography-size-md);
1024
- --m-typography-size: var(--m-typography-size-md);
1025
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1026
- --m-text-primary-size: var(--m-typography-size-lg);
1027
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1028
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
1029
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1030
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
1031
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
1032
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1033
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1086
+ --m-space-lg: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1087
+ --m-surface-padding-inline: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1088
+ --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1089
+ --m-surface-padding-block: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1090
+ --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-space-lg));
1091
+ --m-space-xl: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1092
+ --m-global-space-density: 1.5;
1093
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1094
+ --m-prose-ambient-size: var(--m-text-size-sm);
1095
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1096
+ --m-prose-secondary-size: var(--m-text-size-md);
1097
+ --m-action-text-size: var(--m-prose-secondary-size);
1098
+ --m-control-text-size: var(--m-prose-secondary-size);
1099
+ --m-surface-text-size: var(--m-prose-secondary-size);
1100
+ --m-text-size: var(--m-text-size-md);
1101
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1102
+ --m-prose-primary-size: var(--m-text-size-lg);
1103
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1104
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1105
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1106
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1107
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1108
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1109
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1110
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
1034
1111
  --m-global-typography-size: 0.75;
1035
1112
  --m-global-typography-minFontSize: 10px;
1036
1113
  }
1037
1114
 
1038
1115
  .\@mode-normal {
1039
1116
  --_-meta-modeName: normal;
1040
- --m-action-padding-inline: calc((var(--m-spacing-lg) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1117
+ --m-space-xs: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1118
+ --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-space-xs));
1119
+ --m-space-sm: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1120
+ --m-action-padding-inline: calc(var(--m-space-lg) + var(--m-global-shape-roundness) * var(--m-space-sm));
1041
1121
  --m-action-padding: var(--m-action-padding-block) var(--m-action-padding-inline);
1042
- --m-action-padding-block: calc(var(--m-spacing-md) / var(--m-global-spacing-density));
1043
- --m-control-padding-inline: calc((var(--m-spacing-md) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1122
+ --m-control-padding-inline: calc(var(--m-space-md) + var(--m-global-shape-roundness) * var(--m-space-sm));
1044
1123
  --m-control-padding: var(--m-control-padding-block) var(--m-control-padding-inline);
1045
- --m-spacing-xs: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1046
- --m-spacing-sm: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1047
- --m-control-padding-block: var(--m-spacing-sm);
1048
- --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-spacing-sm) / var(--m-global-spacing-density));
1049
- --m-spacing-md: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 0 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1050
- --m-spacing: var(--m-spacing-md);
1051
- --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-spacing-md) / var(--m-global-spacing-density));
1052
- --m-spacing-lg: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1053
- --m-surface-padding-inline: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1054
- --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1055
- --m-surface-padding-block: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1056
- --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-spacing-lg) / var(--m-global-spacing-density));
1124
+ --m-control-padding-block: var(--m-space-sm);
1125
+ --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-space-sm));
1126
+ --m-space-md: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 0 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1127
+ --m-action-padding-block: var(--m-space-md);
1128
+ --m-space: var(--m-space-md);
1129
+ --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-space-md));
1057
1130
  --m-action-radius: calc(var(--m-radius-md) * var(--m-action-roundness) * var(--m-global-shape-roundness));
1058
1131
  --m-control-radius: calc(var(--m-radius-md) * var(--m-control-roundness) * var(--m-global-shape-roundness));
1059
1132
  --m-surface-radius: calc(var(--m-radius-md) * var(--m-surface-roundness) * var(--m-global-shape-roundness));
1060
1133
  --m-radius: var(--m-radius-md);
1061
- --m-spacing-xl: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1062
- --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-spacing-xl) / var(--m-global-spacing-density));
1063
- --m-global-spacing-density: 1;
1064
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1065
- --m-text-ambient-size: var(--m-typography-size-sm);
1066
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1067
- --m-text-secondary-size: var(--m-typography-size-md);
1068
- --m-typography-size: var(--m-typography-size-md);
1069
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1070
- --m-text-primary-size: var(--m-typography-size-lg);
1071
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1072
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
1073
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1074
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
1075
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
1076
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1077
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1134
+ --m-space-lg: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1135
+ --m-surface-padding-inline: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1136
+ --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1137
+ --m-surface-padding-block: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1138
+ --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-space-lg));
1139
+ --m-space-xl: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1140
+ --m-global-space-density: 1;
1141
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1142
+ --m-prose-ambient-size: var(--m-text-size-sm);
1143
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1144
+ --m-prose-secondary-size: var(--m-text-size-md);
1145
+ --m-action-text-size: var(--m-prose-secondary-size);
1146
+ --m-control-text-size: var(--m-prose-secondary-size);
1147
+ --m-surface-text-size: var(--m-prose-secondary-size);
1148
+ --m-text-size: var(--m-text-size-md);
1149
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1150
+ --m-prose-primary-size: var(--m-text-size-lg);
1151
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1152
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1153
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1154
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1155
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1156
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1157
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1158
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
1078
1159
  --m-global-typography-size: 1;
1079
1160
  --m-global-typography-minFontSize: 12px;
1080
1161
  }
1081
1162
 
1082
1163
  .\@mode-loose {
1083
1164
  --_-meta-modeName: loose;
1084
- --m-action-padding-inline: calc((var(--m-spacing-lg) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1165
+ --m-space-xs: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1166
+ --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-space-xs));
1167
+ --m-space-sm: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1168
+ --m-action-padding-inline: calc(var(--m-space-lg) + var(--m-global-shape-roundness) * var(--m-space-sm));
1085
1169
  --m-action-padding: var(--m-action-padding-block) var(--m-action-padding-inline);
1086
- --m-action-padding-block: calc(var(--m-spacing-md) / var(--m-global-spacing-density));
1087
- --m-control-padding-inline: calc((var(--m-spacing-md) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1170
+ --m-control-padding-inline: calc(var(--m-space-md) + var(--m-global-shape-roundness) * var(--m-space-sm));
1088
1171
  --m-control-padding: var(--m-control-padding-block) var(--m-control-padding-inline);
1089
- --m-spacing-xs: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1090
- --m-spacing-sm: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1091
- --m-control-padding-block: var(--m-spacing-sm);
1092
- --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-spacing-sm) / var(--m-global-spacing-density));
1093
- --m-spacing-md: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 0 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1094
- --m-spacing: var(--m-spacing-md);
1095
- --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-spacing-md) / var(--m-global-spacing-density));
1096
- --m-spacing-lg: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1097
- --m-surface-padding-inline: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1098
- --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1099
- --m-surface-padding-block: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1100
- --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-spacing-lg) / var(--m-global-spacing-density));
1172
+ --m-control-padding-block: var(--m-space-sm);
1173
+ --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-space-sm));
1174
+ --m-space-md: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 0 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1175
+ --m-action-padding-block: var(--m-space-md);
1176
+ --m-space: var(--m-space-md);
1177
+ --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-space-md));
1101
1178
  --m-action-radius: calc(var(--m-radius-md) * var(--m-action-roundness) * var(--m-global-shape-roundness));
1102
1179
  --m-control-radius: calc(var(--m-radius-md) * var(--m-control-roundness) * var(--m-global-shape-roundness));
1103
1180
  --m-surface-radius: calc(var(--m-radius-md) * var(--m-surface-roundness) * var(--m-global-shape-roundness));
1104
1181
  --m-radius: var(--m-radius-md);
1105
- --m-spacing-xl: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1106
- --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-spacing-xl) / var(--m-global-spacing-density));
1107
- --m-global-spacing-density: 0.75;
1108
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1109
- --m-text-ambient-size: var(--m-typography-size-sm);
1110
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1111
- --m-text-secondary-size: var(--m-typography-size-md);
1112
- --m-typography-size: var(--m-typography-size-md);
1113
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1114
- --m-text-primary-size: var(--m-typography-size-lg);
1115
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1116
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
1117
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1118
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
1119
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
1120
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1121
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1182
+ --m-space-lg: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1183
+ --m-surface-padding-inline: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1184
+ --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1185
+ --m-surface-padding-block: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1186
+ --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-space-lg));
1187
+ --m-space-xl: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1188
+ --m-global-space-density: 0.75;
1189
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1190
+ --m-prose-ambient-size: var(--m-text-size-sm);
1191
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1192
+ --m-prose-secondary-size: var(--m-text-size-md);
1193
+ --m-action-text-size: var(--m-prose-secondary-size);
1194
+ --m-control-text-size: var(--m-prose-secondary-size);
1195
+ --m-surface-text-size: var(--m-prose-secondary-size);
1196
+ --m-text-size: var(--m-text-size-md);
1197
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1198
+ --m-prose-primary-size: var(--m-text-size-lg);
1199
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1200
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1201
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1202
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1203
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1204
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1205
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1206
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
1122
1207
  --m-global-typography-size: 1.125;
1123
1208
  }
1124
1209
 
1125
1210
  .\@mode-heading {
1126
1211
  --_-meta-modeName: heading;
1127
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1128
- --m-text-ambient-size: var(--m-typography-size-sm);
1129
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1130
- --m-text-secondary-size: var(--m-typography-size-md);
1131
- --m-typography-size: var(--m-typography-size-md);
1132
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1133
- --m-text-primary-size: var(--m-typography-size-lg);
1134
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1135
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
1136
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1137
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
1138
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
1139
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1140
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1212
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1213
+ --m-prose-ambient-size: var(--m-text-size-sm);
1214
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1215
+ --m-prose-secondary-size: var(--m-text-size-md);
1216
+ --m-action-text-size: var(--m-prose-secondary-size);
1217
+ --m-control-text-size: var(--m-prose-secondary-size);
1218
+ --m-surface-text-size: var(--m-prose-secondary-size);
1219
+ --m-text-size: var(--m-text-size-md);
1220
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1221
+ --m-prose-primary-size: var(--m-text-size-lg);
1222
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1223
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1224
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1225
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1226
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1227
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1228
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1229
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
1141
1230
  --m-global-typography-size: 1.5;
1142
1231
  }
1143
1232
 
1144
1233
  .\@mode-hero {
1145
1234
  --_-meta-modeName: hero;
1146
- --m-action-padding-inline: calc((var(--m-spacing-lg) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1235
+ --m-space-xs: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1236
+ --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-space-xs));
1237
+ --m-space-sm: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), -1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1238
+ --m-action-padding-inline: calc(var(--m-space-lg) + var(--m-global-shape-roundness) * var(--m-space-sm));
1147
1239
  --m-action-padding: var(--m-action-padding-block) var(--m-action-padding-inline);
1148
- --m-action-padding-block: calc(var(--m-spacing-md) / var(--m-global-spacing-density));
1149
- --m-control-padding-inline: calc((var(--m-spacing-md) + var(--m-global-shape-roundness) * var(--m-spacing-sm)) / var(--m-global-spacing-density));
1240
+ --m-control-padding-inline: calc(var(--m-space-md) + var(--m-global-shape-roundness) * var(--m-space-sm));
1150
1241
  --m-control-padding: var(--m-control-padding-block) var(--m-control-padding-inline);
1151
- --m-spacing-xs: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1152
- --m-spacing-sm: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), -1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1153
- --m-control-padding-block: var(--m-spacing-sm);
1154
- --m-radius-xs: calc(var(--m-global-shape-roundness) * var(--m-spacing-sm) / var(--m-global-spacing-density));
1155
- --m-spacing-md: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 0 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1156
- --m-spacing: var(--m-spacing-md);
1157
- --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-spacing-md) / var(--m-global-spacing-density));
1158
- --m-spacing-lg: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 1 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1159
- --m-surface-padding-inline: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1160
- --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1161
- --m-surface-padding-block: calc(var(--m-spacing-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1162
- --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-spacing-lg) / var(--m-global-spacing-density));
1242
+ --m-control-padding-block: var(--m-space-sm);
1243
+ --m-radius-sm: calc(var(--m-global-shape-roundness) * var(--m-space-sm));
1244
+ --m-space-md: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 0 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1245
+ --m-action-padding-block: var(--m-space-md);
1246
+ --m-space: var(--m-space-md);
1247
+ --m-radius-md: calc(var(--m-global-shape-roundness) * var(--m-space-md));
1163
1248
  --m-action-radius: calc(var(--m-radius-md) * var(--m-action-roundness) * var(--m-global-shape-roundness));
1164
1249
  --m-control-radius: calc(var(--m-radius-md) * var(--m-control-roundness) * var(--m-global-shape-roundness));
1165
1250
  --m-surface-radius: calc(var(--m-radius-md) * var(--m-surface-roundness) * var(--m-global-shape-roundness));
1166
1251
  --m-radius: var(--m-radius-md);
1167
- --m-spacing-xl: calc(round(var(--m-global-spacing-baseSize) * pow(var(--m-global-spacing-scaleBase), 2 * var(--m-global-spacing-scaleExponentStep)) / var(--m-global-spacing-density), 1px));
1168
- --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-spacing-xl) / var(--m-global-spacing-density));
1169
- --m-global-spacing-density: 0.5;
1170
- --m-typography-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1171
- --m-text-ambient-size: var(--m-typography-size-sm);
1172
- --m-typography-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1173
- --m-text-secondary-size: var(--m-typography-size-md);
1174
- --m-typography-size: var(--m-typography-size-md);
1175
- --m-typography-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1176
- --m-text-primary-size: var(--m-typography-size-lg);
1177
- --m-typography-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1178
- --m-text-primary-lineHeight: var(--m-typography-lineHeight-tight);
1179
- --m-typography-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1180
- --m-text-secondary-lineHeight: var(--m-typography-lineHeight-normal);
1181
- --m-typography-lineHeight: var(--m-typography-lineHeight-normal);
1182
- --m-typography-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1183
- --m-text-ambient-lineHeight: var(--m-typography-lineHeight-loose);
1252
+ --m-space-lg: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 1 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1253
+ --m-surface-padding-inline: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1254
+ --m-surface-padding: var(--m-surface-padding-block) var(--m-surface-padding-inline);
1255
+ --m-surface-padding-block: calc(var(--m-space-lg) * max(1, var(--m-surface-roundness) * var(--m-global-shape-roundness)));
1256
+ --m-radius-lg: calc(var(--m-global-shape-roundness) * var(--m-space-lg));
1257
+ --m-space-xl: calc(round(var(--m-global-space-baseSize) * pow(var(--m-global-space-scaleBase), 2 * var(--m-global-space-scaleExponentStep)) / var(--m-global-space-density), 1px));
1258
+ --m-global-space-density: 0.5;
1259
+ --m-text-size-sm: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), -1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1260
+ --m-prose-ambient-size: var(--m-text-size-sm);
1261
+ --m-text-size-md: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 0 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1262
+ --m-prose-secondary-size: var(--m-text-size-md);
1263
+ --m-action-text-size: var(--m-prose-secondary-size);
1264
+ --m-control-text-size: var(--m-prose-secondary-size);
1265
+ --m-surface-text-size: var(--m-prose-secondary-size);
1266
+ --m-text-size: var(--m-text-size-md);
1267
+ --m-text-size-lg: calc(clamp(var(--m-global-typography-minFontSize), 1rem * var(--m-global-typography-size) * pow(var(--m-global-typography-fontSizeScaleBase), 1 * var(--m-global-typography-fontSizeScaleExponentStep)), var(--m-global-typography-maxFontSize)));
1268
+ --m-prose-primary-size: var(--m-text-size-lg);
1269
+ --m-text-lineHeight-tight: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((-1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1270
+ --m-prose-primary-lineHeight: var(--m-text-lineHeight-tight);
1271
+ --m-text-lineHeight-normal: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((0 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1272
+ --m-prose-secondary-lineHeight: var(--m-text-lineHeight-normal);
1273
+ --m-surface-text-lineHeight: var(--m-prose-secondary-lineHeight);
1274
+ --m-text-lineHeight: var(--m-text-lineHeight-normal);
1275
+ --m-text-lineHeight-loose: calc(clamp(var(--m-global-typography-minLineHeight), var(--m-global-typography-baseLineHeight) + ((1 + (1 - var(--m-global-typography-size)) / 2) * var(--m-global-typography-lineHeightStep)), var(--m-global-typography-maxLineHeight)));
1276
+ --m-prose-ambient-lineHeight: var(--m-text-lineHeight-loose);
1184
1277
  --m-global-typography-size: 2;
1185
1278
  --m-global-typography-fontSizeScaleBase: 2;
1186
1279
  }
1280
+
1281
+ .\@mode-bold {
1282
+ --_-meta-modeName: bold;
1283
+ --m-text-weight-thin: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) - (var(--m-global-typography-weightStep)) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
1284
+ --m-text-weight-normal: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
1285
+ --m-control-text-weight: var(--m-text-weight-normal);
1286
+ --m-prose-secondary-weight: var(--m-text-weight-normal);
1287
+ --m-surface-text-weight: var(--m-prose-secondary-weight);
1288
+ --m-prose-ambient-weight: var(--m-text-weight-normal);
1289
+ --m-text-weight: var(--m-text-weight-normal);
1290
+ --m-text-weight-bold: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) + (var(--m-global-typography-weightStep)) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
1291
+ --m-action-text-weight: var(--m-text-weight-bold);
1292
+ --m-prose-primary-weight: var(--m-text-weight-bold);
1293
+ --m-global-typography-minWeight: 300;
1294
+ --m-global-typography-maxWeight: 800;
1295
+ --m-global-typography-baseWeight: 500;
1296
+ }
1187
1297
  }
1188
1298
  /* Mode property definitions, if relevant */
1189
1299
  @property --mx-shadow-value { syntax: '*'; inherits: false; }
@@ -1264,4 +1374,6 @@
1264
1374
 
1265
1375
  @property --_-param-stroke-saturated-source { syntax: '*'; inherits: false; }
1266
1376
 
1267
- @property --_-param-stroke-faded-source { syntax: '*'; inherits: false; }
1377
+ @property --_-param-stroke-faded-source { syntax: '*'; inherits: false; }
1378
+
1379
+ @property --_-param-animation-name { syntax: '*'; inherits: false; }