contain-css-svelte 1.3.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/Card.svelte +204 -288
  2. package/dist/controls/Button.svelte +27 -1
  3. package/dist/controls/ButtonLink.svelte +27 -1
  4. package/dist/controls/Checkbox.svelte +26 -0
  5. package/dist/controls/CircleButton.svelte +27 -1
  6. package/dist/controls/Input.svelte +27 -1
  7. package/dist/controls/RadioButton.svelte +26 -0
  8. package/dist/controls/Select.svelte +26 -0
  9. package/dist/controls/Slider.svelte +27 -1
  10. package/dist/controls/TabItem.svelte +27 -1
  11. package/dist/controls/Toggle.svelte +27 -1
  12. package/dist/dropdowns/DropdownMenu.svelte +27 -1
  13. package/dist/layout/Accordion.svelte +27 -1
  14. package/dist/layout/Bar.svelte +37 -1
  15. package/dist/layout/ColumnContainer.svelte +27 -1
  16. package/dist/layout/Columns.svelte +27 -1
  17. package/dist/layout/Container.svelte +205 -292
  18. package/dist/layout/DataList.svelte +27 -1
  19. package/dist/layout/DataListItem.svelte +205 -292
  20. package/dist/layout/Fieldset.svelte +27 -1
  21. package/dist/layout/Form.svelte +205 -292
  22. package/dist/layout/FormItem.svelte +27 -1
  23. package/dist/layout/GridLayout.svelte +26 -0
  24. package/dist/layout/Hero.svelte +205 -292
  25. package/dist/layout/Inline.svelte +33 -1
  26. package/dist/layout/MenuList.svelte +27 -1
  27. package/dist/layout/Page.svelte +27 -1
  28. package/dist/layout/RowContainer.svelte +27 -1
  29. package/dist/layout/Sidebar.svelte +272 -34
  30. package/dist/layout/Sidebar.svelte.d.ts +34 -0
  31. package/dist/layout/SidebarContainer.svelte +27 -1
  32. package/dist/layout/SplitPane.svelte +27 -1
  33. package/dist/layout/Stack.svelte +33 -1
  34. package/dist/layout/TabBar.svelte +27 -1
  35. package/dist/layout/Table.svelte +238 -294
  36. package/dist/layout/Tile.svelte +204 -291
  37. package/dist/misc/CodeInner.svelte +27 -1
  38. package/dist/misc/Progress.svelte +205 -292
  39. package/dist/misc/Tag.svelte +27 -1
  40. package/dist/overlays/Dialog.svelte +205 -292
  41. package/dist/overlays/Tooltip.svelte +255 -349
  42. package/dist/sass/_typography.scss +203 -191
  43. package/dist/typography/TextLayout.svelte +482 -292
  44. package/dist/vars/defaults.css +258 -0
  45. package/dist/vars/typography-context.css +271 -0
  46. package/package.json +1 -1
package/dist/layout/DataListItem.svelte CHANGED
@@ -122,7 +122,33 @@ function handleKeydown(event) {
122
122
  {/if}
123
123
  </li>
124
124
 
125
- <style>/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
125
+ <style>/* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
126
+ inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
127
+ assigned directly to a matched h1-h6 selector. Nothing in this file matches
128
+ an actual heading element anymore -- see typography-context.css (vars/), which
129
+ is the single, global, :where()-scoped rule that actually reads these vars
130
+ and applies them to real elements. That split is what lets a component
131
+ nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
132
+ nearest ancestor's heading styling: these are ordinary inherited custom
133
+ properties, so DOM proximity decides which component's values apply, not
134
+ selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
135
+ /* All six heading levels' context vars in one call -- what every
136
+ "typography container" component (Container, Card, Tile, TextLayout, ...)
137
+ includes on itself once, alongside the shared --_heading-* vars below. */
138
+ /* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
139
+ their own vars -- they're never wider than their ul/ol/dl parent's own
140
+ max-width box, so they're already bounded for free by ordinary block
141
+ layout, not by anything selector-based reaching them individually. */
142
+ /* p specifically also gets the fuller typography-props-bare treatment
143
+ (paragraph-prefixed), which -- same as in the original selector-based
144
+ version -- is declared/consumed AFTER the shared prose vars above, so it
145
+ wins for whichever properties both groups set. */
146
+ /* The first paragraph in a typography context (p:first-of-type, or a p right
147
+ after a heading) gets its own, slightly different treatment -- larger lede
148
+ text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
149
+ has to happen where the real element is, in the global consumer rule; only
150
+ the VALUES move to context vars here. */
151
+ /* Logical, not top/bottom/left/right: margin-block/margin-inline already take
126
152
  one value (both sides equal) or two (start end), so there is no separate
127
153
  "which side" prop to remember and no 4-value shorthand order to get wrong.
128
154
  Defaults to 0 on purpose -- unlike padding-props above, a margin that
@@ -253,297 +279,184 @@ function handleKeydown(event) {
253
279
  text-indent: var(--data-list-item-indent, var(--data-list-indent, var(--surface-indent, var(--indent, unset))));
254
280
  font-variant: var(--data-list-item-font-variant, var(--data-list-font-variant, var(--surface-font-variant, var(--font-variant, unset))));
255
281
  text-align: var(--data-list-item-text-align, var(--data-list-text-align, var(--surface-text-align, var(--text-align, unset))));
256
- }
257
-
258
- .data-list-item :global(p),
259
- .data-list-item :global(blockquote),
260
- .data-list-item :global(dl),
261
- .data-list-item :global(ul),
262
- .data-list-item :global(ol) {
263
- max-width: var(--data-list-item-line-width, var(--data-list-line-width, var(--surface-line-width, var(--line-width, 40em))));
264
- font-family: var(--data-list-item-body-font-family, var(--data-list-body-font-family, var(--surface-body-font-family, var(--body-font-family, var(--font-family)))));
265
- line-height: var(--data-list-item-line-height, var(--data-list-line-height, var(--surface-line-height, var(--line-height, 1.5))));
266
- margin-left: auto;
267
- margin-right: auto;
268
- font-weight: var(--data-list-item-body-font-weight, var(--data-list-body-font-weight, var(--surface-body-font-weight, var(--body-font-weight, unset))));
269
- }
270
-
271
- .data-list-item :global(h1),
272
- .data-list-item :global(h2),
273
- .data-list-item :global(h3),
274
- .data-list-item :global(h4),
275
- .data-list-item :global(h5),
276
- .data-list-item :global(h6) {
277
- max-width: var(--data-list-item-line-width, var(--data-list-line-width, var(--surface-line-width, var(--line-width, unset))));
278
- margin-left: auto;
279
- margin-right: auto;
280
- box-sizing: border-box;
281
- margin-bottom: var(--data-list-item-heading-margin-bottom, var(--data-list-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--heading-margin-bottom, 0))));
282
- margin-top: var(--data-list-item-heading-margin-top, var(--data-list-heading-margin-top, var(--surface-heading-margin-top, var(--heading-margin-top, 1.5em))));
283
- }
284
-
285
- .data-list-item :global(h1:first-child),
286
- .data-list-item :global(h2:first-child),
287
- .data-list-item :global(h3:first-child),
288
- .data-list-item :global(h4:first-child),
289
- .data-list-item :global(h5:first-child),
290
- .data-list-item :global(h6:first-child) {
291
- margin-top: var(--data-list-item-first-heading-margin-top, var(--data-list-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--first-heading-margin-top, 0))));
292
- }
293
-
294
- .data-list-item :global(h1) {
295
- --_heading-color: var(--data-list-item-heading-1-fg, var(--data-list-heading-1-fg, var(--surface-heading-1-fg, var(--data-list-item-heading-major-fg, var(--data-list-heading-major-fg, var(--surface-heading-major-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
296
- color: var(--_heading-color);
297
- --_heading-background: var(--data-list-item-heading-1-bg, var(--data-list-heading-1-bg, var(--surface-heading-1-bg, var(--data-list-item-heading-major-bg, var(--data-list-heading-major-bg, var(--surface-heading-major-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
298
- background: var(--_heading-background);
299
- --_heading-padding: var(--data-list-item-heading-1-padding, var(--data-list-heading-1-padding, var(--surface-heading-1-padding, var(--data-list-item-heading-major-padding, var(--data-list-heading-major-padding, var(--surface-heading-major-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
300
- padding: var(--_heading-padding);
301
- --_heading-border: var(--data-list-item-heading-1-border, var(--data-list-heading-1-border, var(--surface-heading-1-border, var(--data-list-item-heading-major-border, var(--data-list-heading-major-border, var(--surface-heading-major-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none))))))))))));
302
- border: var(--_heading-border);
303
- border-width: var(--data-list-item-heading-1-border-width, var(--data-list-heading-1-border-width, var(--surface-heading-1-border-width, var(--data-list-item-heading-major-border-width, var(--data-list-heading-major-border-width, var(--surface-heading-major-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
304
- border-style: var(--data-list-item-heading-1-border-style, var(--data-list-heading-1-border-style, var(--surface-heading-1-border-style, var(--data-list-item-heading-major-border-style, var(--data-list-heading-major-border-style, var(--surface-heading-major-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
305
- border-color: var(--data-list-item-heading-1-border-color, var(--data-list-heading-1-border-color, var(--surface-heading-1-border-color, var(--data-list-item-heading-major-border-color, var(--data-list-heading-major-border-color, var(--surface-heading-major-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
306
- --_heading-border-radius: var(--data-list-item-heading-1-border-radius, var(--data-list-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--data-list-item-heading-major-border-radius, var(--data-list-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
307
- border-radius: var(--_heading-border-radius);
308
- --_heading-box-shadow: var(--data-list-item-heading-1-box-shadow, var(--data-list-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--data-list-item-heading-major-box-shadow, var(--data-list-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
309
- box-shadow: var(--_heading-box-shadow);
310
- font-family: var(--data-list-item-heading-1-font-family, var(--data-list-heading-1-font-family, var(--surface-heading-1-font-family, var(--data-list-item-heading-major-font-family, var(--data-list-heading-major-font-family, var(--surface-heading-major-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
311
- text-transform: var(--data-list-item-heading-1-text-transform, var(--data-list-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--data-list-item-heading-major-text-transform, var(--data-list-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
312
- text-decoration: var(--data-list-item-heading-1-text-decoration, var(--data-list-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--data-list-item-heading-major-text-decoration, var(--data-list-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
313
- font-size: var(--data-list-item-heading-1-font-size, var(--data-list-heading-1-font-size, var(--surface-heading-1-font-size, var(--data-list-item-heading-major-font-size, var(--data-list-heading-major-font-size, var(--surface-heading-major-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
314
- font-weight: var(--data-list-item-heading-1-font-weight, var(--data-list-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--data-list-item-heading-major-font-weight, var(--data-list-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
315
- line-height: var(--data-list-item-heading-1-line-height, var(--data-list-heading-1-line-height, var(--surface-heading-1-line-height, var(--data-list-item-heading-major-line-height, var(--data-list-heading-major-line-height, var(--surface-heading-major-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
316
- letter-spacing: var(--data-list-item-heading-1-letter-spacing, var(--data-list-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--data-list-item-heading-major-letter-spacing, var(--data-list-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
317
- text-indent: var(--data-list-item-heading-1-indent, var(--data-list-heading-1-indent, var(--surface-heading-1-indent, var(--data-list-item-heading-major-indent, var(--data-list-heading-major-indent, var(--surface-heading-major-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
318
- font-variant: var(--data-list-item-heading-1-font-variant, var(--data-list-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--data-list-item-heading-major-font-variant, var(--data-list-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
319
- text-align: var(--data-list-item-heading-1-text-align, var(--data-list-heading-1-text-align, var(--surface-heading-1-text-align, var(--data-list-item-heading-major-text-align, var(--data-list-heading-major-text-align, var(--surface-heading-major-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
320
- }
321
-
322
- .data-list-item :global(h2) {
323
- --_heading-color: var(--data-list-item-heading-2-fg, var(--data-list-heading-2-fg, var(--surface-heading-2-fg, var(--data-list-item-heading-major-fg, var(--data-list-heading-major-fg, var(--surface-heading-major-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
324
- color: var(--_heading-color);
325
- --_heading-background: var(--data-list-item-heading-2-bg, var(--data-list-heading-2-bg, var(--surface-heading-2-bg, var(--data-list-item-heading-major-bg, var(--data-list-heading-major-bg, var(--surface-heading-major-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
326
- background: var(--_heading-background);
327
- --_heading-padding: var(--data-list-item-heading-2-padding, var(--data-list-heading-2-padding, var(--surface-heading-2-padding, var(--data-list-item-heading-major-padding, var(--data-list-heading-major-padding, var(--surface-heading-major-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
328
- padding: var(--_heading-padding);
329
- --_heading-border: var(--data-list-item-heading-2-border, var(--data-list-heading-2-border, var(--surface-heading-2-border, var(--data-list-item-heading-major-border, var(--data-list-heading-major-border, var(--surface-heading-major-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none))))))))))));
330
- border: var(--_heading-border);
331
- border-width: var(--data-list-item-heading-2-border-width, var(--data-list-heading-2-border-width, var(--surface-heading-2-border-width, var(--data-list-item-heading-major-border-width, var(--data-list-heading-major-border-width, var(--surface-heading-major-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
332
- border-style: var(--data-list-item-heading-2-border-style, var(--data-list-heading-2-border-style, var(--surface-heading-2-border-style, var(--data-list-item-heading-major-border-style, var(--data-list-heading-major-border-style, var(--surface-heading-major-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
333
- border-color: var(--data-list-item-heading-2-border-color, var(--data-list-heading-2-border-color, var(--surface-heading-2-border-color, var(--data-list-item-heading-major-border-color, var(--data-list-heading-major-border-color, var(--surface-heading-major-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
334
- --_heading-border-radius: var(--data-list-item-heading-2-border-radius, var(--data-list-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--data-list-item-heading-major-border-radius, var(--data-list-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
335
- border-radius: var(--_heading-border-radius);
336
- --_heading-box-shadow: var(--data-list-item-heading-2-box-shadow, var(--data-list-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--data-list-item-heading-major-box-shadow, var(--data-list-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
337
- box-shadow: var(--_heading-box-shadow);
338
- font-family: var(--data-list-item-heading-2-font-family, var(--data-list-heading-2-font-family, var(--surface-heading-2-font-family, var(--data-list-item-heading-major-font-family, var(--data-list-heading-major-font-family, var(--surface-heading-major-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
339
- text-transform: var(--data-list-item-heading-2-text-transform, var(--data-list-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--data-list-item-heading-major-text-transform, var(--data-list-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
340
- text-decoration: var(--data-list-item-heading-2-text-decoration, var(--data-list-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--data-list-item-heading-major-text-decoration, var(--data-list-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
341
- font-size: var(--data-list-item-heading-2-font-size, var(--data-list-heading-2-font-size, var(--surface-heading-2-font-size, var(--data-list-item-heading-major-font-size, var(--data-list-heading-major-font-size, var(--surface-heading-major-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
342
- font-weight: var(--data-list-item-heading-2-font-weight, var(--data-list-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--data-list-item-heading-major-font-weight, var(--data-list-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
343
- line-height: var(--data-list-item-heading-2-line-height, var(--data-list-heading-2-line-height, var(--surface-heading-2-line-height, var(--data-list-item-heading-major-line-height, var(--data-list-heading-major-line-height, var(--surface-heading-major-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
344
- letter-spacing: var(--data-list-item-heading-2-letter-spacing, var(--data-list-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--data-list-item-heading-major-letter-spacing, var(--data-list-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
345
- text-indent: var(--data-list-item-heading-2-indent, var(--data-list-heading-2-indent, var(--surface-heading-2-indent, var(--data-list-item-heading-major-indent, var(--data-list-heading-major-indent, var(--surface-heading-major-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
346
- font-variant: var(--data-list-item-heading-2-font-variant, var(--data-list-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--data-list-item-heading-major-font-variant, var(--data-list-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
347
- text-align: var(--data-list-item-heading-2-text-align, var(--data-list-heading-2-text-align, var(--surface-heading-2-text-align, var(--data-list-item-heading-major-text-align, var(--data-list-heading-major-text-align, var(--surface-heading-major-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
348
- }
349
-
350
- .data-list-item :global(h3) {
351
- --_heading-color: var(--data-list-item-heading-3-fg, var(--data-list-heading-3-fg, var(--surface-heading-3-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
352
- color: var(--_heading-color);
353
- --_heading-background: var(--data-list-item-heading-3-bg, var(--data-list-heading-3-bg, var(--surface-heading-3-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
354
- background: var(--_heading-background);
355
- --_heading-padding: var(--data-list-item-heading-3-padding, var(--data-list-heading-3-padding, var(--surface-heading-3-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
356
- padding: var(--_heading-padding);
357
- --_heading-border: var(--data-list-item-heading-3-border, var(--data-list-heading-3-border, var(--surface-heading-3-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none))))))))))));
358
- border: var(--_heading-border);
359
- border-width: var(--data-list-item-heading-3-border-width, var(--data-list-heading-3-border-width, var(--surface-heading-3-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
360
- border-style: var(--data-list-item-heading-3-border-style, var(--data-list-heading-3-border-style, var(--surface-heading-3-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
361
- border-color: var(--data-list-item-heading-3-border-color, var(--data-list-heading-3-border-color, var(--surface-heading-3-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
362
- --_heading-border-radius: var(--data-list-item-heading-3-border-radius, var(--data-list-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
363
- border-radius: var(--_heading-border-radius);
364
- --_heading-box-shadow: var(--data-list-item-heading-3-box-shadow, var(--data-list-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
365
- box-shadow: var(--_heading-box-shadow);
366
- font-family: var(--data-list-item-heading-3-font-family, var(--data-list-heading-3-font-family, var(--surface-heading-3-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
367
- text-transform: var(--data-list-item-heading-3-text-transform, var(--data-list-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
368
- text-decoration: var(--data-list-item-heading-3-text-decoration, var(--data-list-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
369
- font-size: var(--data-list-item-heading-3-font-size, var(--data-list-heading-3-font-size, var(--surface-heading-3-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
370
- font-weight: var(--data-list-item-heading-3-font-weight, var(--data-list-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
371
- line-height: var(--data-list-item-heading-3-line-height, var(--data-list-heading-3-line-height, var(--surface-heading-3-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
372
- letter-spacing: var(--data-list-item-heading-3-letter-spacing, var(--data-list-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
373
- text-indent: var(--data-list-item-heading-3-indent, var(--data-list-heading-3-indent, var(--surface-heading-3-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
374
- font-variant: var(--data-list-item-heading-3-font-variant, var(--data-list-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
375
- text-align: var(--data-list-item-heading-3-text-align, var(--data-list-heading-3-text-align, var(--surface-heading-3-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
376
- }
377
-
378
- .data-list-item :global(h4) {
379
- --_heading-color: var(--data-list-item-heading-4-fg, var(--data-list-heading-4-fg, var(--surface-heading-4-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
380
- color: var(--_heading-color);
381
- --_heading-background: var(--data-list-item-heading-4-bg, var(--data-list-heading-4-bg, var(--surface-heading-4-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
382
- background: var(--_heading-background);
383
- --_heading-padding: var(--data-list-item-heading-4-padding, var(--data-list-heading-4-padding, var(--surface-heading-4-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
384
- padding: var(--_heading-padding);
385
- --_heading-border: var(--data-list-item-heading-4-border, var(--data-list-heading-4-border, var(--surface-heading-4-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none))))))))))));
386
- border: var(--_heading-border);
387
- border-width: var(--data-list-item-heading-4-border-width, var(--data-list-heading-4-border-width, var(--surface-heading-4-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
388
- border-style: var(--data-list-item-heading-4-border-style, var(--data-list-heading-4-border-style, var(--surface-heading-4-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
389
- border-color: var(--data-list-item-heading-4-border-color, var(--data-list-heading-4-border-color, var(--surface-heading-4-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
390
- --_heading-border-radius: var(--data-list-item-heading-4-border-radius, var(--data-list-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
391
- border-radius: var(--_heading-border-radius);
392
- --_heading-box-shadow: var(--data-list-item-heading-4-box-shadow, var(--data-list-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
393
- box-shadow: var(--_heading-box-shadow);
394
- font-family: var(--data-list-item-heading-4-font-family, var(--data-list-heading-4-font-family, var(--surface-heading-4-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
395
- text-transform: var(--data-list-item-heading-4-text-transform, var(--data-list-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
396
- text-decoration: var(--data-list-item-heading-4-text-decoration, var(--data-list-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
397
- font-size: var(--data-list-item-heading-4-font-size, var(--data-list-heading-4-font-size, var(--surface-heading-4-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
398
- font-weight: var(--data-list-item-heading-4-font-weight, var(--data-list-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
399
- line-height: var(--data-list-item-heading-4-line-height, var(--data-list-heading-4-line-height, var(--surface-heading-4-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
400
- letter-spacing: var(--data-list-item-heading-4-letter-spacing, var(--data-list-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
401
- text-indent: var(--data-list-item-heading-4-indent, var(--data-list-heading-4-indent, var(--surface-heading-4-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
402
- font-variant: var(--data-list-item-heading-4-font-variant, var(--data-list-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
403
- text-align: var(--data-list-item-heading-4-text-align, var(--data-list-heading-4-text-align, var(--surface-heading-4-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
404
- }
405
-
406
- .data-list-item :global(h5) {
407
- --_heading-color: var(--data-list-item-heading-5-fg, var(--data-list-heading-5-fg, var(--surface-heading-5-fg, var(--data-list-item-heading-minor-fg, var(--data-list-heading-minor-fg, var(--surface-heading-minor-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
408
- color: var(--_heading-color);
409
- --_heading-background: var(--data-list-item-heading-5-bg, var(--data-list-heading-5-bg, var(--surface-heading-5-bg, var(--data-list-item-heading-minor-bg, var(--data-list-heading-minor-bg, var(--surface-heading-minor-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
410
- background: var(--_heading-background);
411
- --_heading-padding: var(--data-list-item-heading-5-padding, var(--data-list-heading-5-padding, var(--surface-heading-5-padding, var(--data-list-item-heading-minor-padding, var(--data-list-heading-minor-padding, var(--surface-heading-minor-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
412
- padding: var(--_heading-padding);
413
- --_heading-border: var(--data-list-item-heading-5-border, var(--data-list-heading-5-border, var(--surface-heading-5-border, var(--data-list-item-heading-minor-border, var(--data-list-heading-minor-border, var(--surface-heading-minor-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
414
- border: var(--_heading-border);
415
- border-width: var(--data-list-item-heading-5-border-width, var(--data-list-heading-5-border-width, var(--surface-heading-5-border-width, var(--data-list-item-heading-minor-border-width, var(--data-list-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
416
- border-style: var(--data-list-item-heading-5-border-style, var(--data-list-heading-5-border-style, var(--surface-heading-5-border-style, var(--data-list-item-heading-minor-border-style, var(--data-list-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
417
- border-color: var(--data-list-item-heading-5-border-color, var(--data-list-heading-5-border-color, var(--surface-heading-5-border-color, var(--data-list-item-heading-minor-border-color, var(--data-list-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
418
- --_heading-border-radius: var(--data-list-item-heading-5-border-radius, var(--data-list-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--data-list-item-heading-minor-border-radius, var(--data-list-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
419
- border-radius: var(--_heading-border-radius);
420
- --_heading-box-shadow: var(--data-list-item-heading-5-box-shadow, var(--data-list-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--data-list-item-heading-minor-box-shadow, var(--data-list-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
421
- box-shadow: var(--_heading-box-shadow);
422
- font-family: var(--data-list-item-heading-5-font-family, var(--data-list-heading-5-font-family, var(--surface-heading-5-font-family, var(--data-list-item-heading-minor-font-family, var(--data-list-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
423
- text-transform: var(--data-list-item-heading-5-text-transform, var(--data-list-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--data-list-item-heading-minor-text-transform, var(--data-list-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
424
- text-decoration: var(--data-list-item-heading-5-text-decoration, var(--data-list-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--data-list-item-heading-minor-text-decoration, var(--data-list-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
425
- font-size: var(--data-list-item-heading-5-font-size, var(--data-list-heading-5-font-size, var(--surface-heading-5-font-size, var(--data-list-item-heading-minor-font-size, var(--data-list-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
426
- font-weight: var(--data-list-item-heading-5-font-weight, var(--data-list-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--data-list-item-heading-minor-font-weight, var(--data-list-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
427
- line-height: var(--data-list-item-heading-5-line-height, var(--data-list-heading-5-line-height, var(--surface-heading-5-line-height, var(--data-list-item-heading-minor-line-height, var(--data-list-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
428
- letter-spacing: var(--data-list-item-heading-5-letter-spacing, var(--data-list-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--data-list-item-heading-minor-letter-spacing, var(--data-list-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
429
- text-indent: var(--data-list-item-heading-5-indent, var(--data-list-heading-5-indent, var(--surface-heading-5-indent, var(--data-list-item-heading-minor-indent, var(--data-list-heading-minor-indent, var(--surface-heading-minor-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
430
- font-variant: var(--data-list-item-heading-5-font-variant, var(--data-list-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--data-list-item-heading-minor-font-variant, var(--data-list-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
431
- text-align: var(--data-list-item-heading-5-text-align, var(--data-list-heading-5-text-align, var(--surface-heading-5-text-align, var(--data-list-item-heading-minor-text-align, var(--data-list-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
432
- }
433
-
434
- .data-list-item :global(h6) {
435
- --_heading-color: var(--data-list-item-heading-6-fg, var(--data-list-heading-6-fg, var(--surface-heading-6-fg, var(--data-list-item-heading-minor-fg, var(--data-list-heading-minor-fg, var(--surface-heading-minor-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
436
- color: var(--_heading-color);
437
- --_heading-background: var(--data-list-item-heading-6-bg, var(--data-list-heading-6-bg, var(--surface-heading-6-bg, var(--data-list-item-heading-minor-bg, var(--data-list-heading-minor-bg, var(--surface-heading-minor-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
438
- background: var(--_heading-background);
439
- --_heading-padding: var(--data-list-item-heading-6-padding, var(--data-list-heading-6-padding, var(--surface-heading-6-padding, var(--data-list-item-heading-minor-padding, var(--data-list-heading-minor-padding, var(--surface-heading-minor-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
440
- padding: var(--_heading-padding);
441
- --_heading-border: var(--data-list-item-heading-6-border, var(--data-list-heading-6-border, var(--surface-heading-6-border, var(--data-list-item-heading-minor-border, var(--data-list-heading-minor-border, var(--surface-heading-minor-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
442
- border: var(--_heading-border);
443
- border-width: var(--data-list-item-heading-6-border-width, var(--data-list-heading-6-border-width, var(--surface-heading-6-border-width, var(--data-list-item-heading-minor-border-width, var(--data-list-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
444
- border-style: var(--data-list-item-heading-6-border-style, var(--data-list-heading-6-border-style, var(--surface-heading-6-border-style, var(--data-list-item-heading-minor-border-style, var(--data-list-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
445
- border-color: var(--data-list-item-heading-6-border-color, var(--data-list-heading-6-border-color, var(--surface-heading-6-border-color, var(--data-list-item-heading-minor-border-color, var(--data-list-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
446
- --_heading-border-radius: var(--data-list-item-heading-6-border-radius, var(--data-list-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--data-list-item-heading-minor-border-radius, var(--data-list-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
447
- border-radius: var(--_heading-border-radius);
448
- --_heading-box-shadow: var(--data-list-item-heading-6-box-shadow, var(--data-list-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--data-list-item-heading-minor-box-shadow, var(--data-list-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
449
- box-shadow: var(--_heading-box-shadow);
450
- font-family: var(--data-list-item-heading-6-font-family, var(--data-list-heading-6-font-family, var(--surface-heading-6-font-family, var(--data-list-item-heading-minor-font-family, var(--data-list-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
451
- text-transform: var(--data-list-item-heading-6-text-transform, var(--data-list-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--data-list-item-heading-minor-text-transform, var(--data-list-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
452
- text-decoration: var(--data-list-item-heading-6-text-decoration, var(--data-list-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--data-list-item-heading-minor-text-decoration, var(--data-list-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
453
- font-size: var(--data-list-item-heading-6-font-size, var(--data-list-heading-6-font-size, var(--surface-heading-6-font-size, var(--data-list-item-heading-minor-font-size, var(--data-list-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
454
- font-weight: var(--data-list-item-heading-6-font-weight, var(--data-list-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--data-list-item-heading-minor-font-weight, var(--data-list-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
455
- line-height: var(--data-list-item-heading-6-line-height, var(--data-list-heading-6-line-height, var(--surface-heading-6-line-height, var(--data-list-item-heading-minor-line-height, var(--data-list-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
456
- letter-spacing: var(--data-list-item-heading-6-letter-spacing, var(--data-list-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--data-list-item-heading-minor-letter-spacing, var(--data-list-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
457
- text-indent: var(--data-list-item-heading-6-indent, var(--data-list-heading-6-indent, var(--surface-heading-6-indent, var(--data-list-item-heading-minor-indent, var(--data-list-heading-minor-indent, var(--surface-heading-minor-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
458
- font-variant: var(--data-list-item-heading-6-font-variant, var(--data-list-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--data-list-item-heading-minor-font-variant, var(--data-list-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
459
- text-align: var(--data-list-item-heading-6-text-align, var(--data-list-heading-6-text-align, var(--surface-heading-6-text-align, var(--data-list-item-heading-minor-text-align, var(--data-list-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
460
- }
461
-
462
- .data-list-item :global(p) {
463
- font-family: var(--data-list-item-paragraph-font-family, var(--data-list-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit))));
464
- text-transform: var(--data-list-item-paragraph-text-transform, var(--data-list-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
465
- text-decoration: var(--data-list-item-paragraph-text-decoration, var(--data-list-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
466
- --_font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))));
467
- font-size: var(--_font-size);
468
- font-weight: var(--data-list-item-paragraph-font-weight, var(--data-list-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
469
- line-height: var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))));
470
- letter-spacing: var(--data-list-item-paragraph-letter-spacing, var(--data-list-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
471
- text-indent: var(--data-list-item-paragraph-indent, var(--data-list-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit))));
472
- font-variant: var(--data-list-item-paragraph-font-variant, var(--data-list-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
473
- text-align: var(--data-list-item-paragraph-text-align, var(--data-list-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit))));
474
- }
475
-
476
- .data-list-item :global(p:first-of-type),
477
- .data-list-item :global(h1 + p),
478
- .data-list-item :global(h2 + p),
479
- .data-list-item :global(h3 + p),
480
- .data-list-item :global(h4 + p),
481
- .data-list-item :global(h5 + p),
482
- .data-list-item :global(h6 + p) {
483
- font-family: var(--data-list-item-first-paragraph-font-family, var(--data-list-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--data-list-item-paragraph-font-family, var(--data-list-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))))));
484
- text-transform: var(--data-list-item-first-paragraph-text-transform, var(--data-list-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--data-list-item-paragraph-text-transform, var(--data-list-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))))));
485
- text-decoration: var(--data-list-item-first-paragraph-text-decoration, var(--data-list-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--data-list-item-paragraph-text-decoration, var(--data-list-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))))));
486
- --_font-size: var(--data-list-item-first-paragraph-font-size, var(--data-list-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))))));
487
- font-size: var(--_font-size);
488
- font-weight: var(--data-list-item-first-paragraph-font-weight, var(--data-list-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--data-list-item-paragraph-font-weight, var(--data-list-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))))));
489
- line-height: var(--data-list-item-first-paragraph-line-height, var(--data-list-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))))));
490
- letter-spacing: var(--data-list-item-first-paragraph-letter-spacing, var(--data-list-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--data-list-item-paragraph-letter-spacing, var(--data-list-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))))));
491
- text-indent: var(--data-list-item-first-paragraph-indent, var(--data-list-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--data-list-item-paragraph-indent, var(--data-list-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))))));
492
- font-variant: var(--data-list-item-first-paragraph-font-variant, var(--data-list-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--data-list-item-paragraph-font-variant, var(--data-list-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))))));
493
- text-align: var(--data-list-item-first-paragraph-text-align, var(--data-list-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--data-list-item-paragraph-text-align, var(--data-list-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))))));
494
- font-size: var(--data-list-item-first-paragraph-font-size, var(--data-list-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--first-paragraph-font-size, var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
495
- line-height: var(--data-list-item-first-paragraph-line-height, var(--data-list-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--first-paragraph-line-height, var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
496
- margin-block-start: var(--data-list-item-first-paragraph-margin-top, var(--data-list-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
497
- }
498
-
499
- .data-list-item :global(p:first-of-type::first-line),
500
- .data-list-item :global(h1 + p::first-line),
501
- .data-list-item :global(h2 + p::first-line),
502
- .data-list-item :global(h3 + p::first-line),
503
- .data-list-item :global(h4 + p::first-line),
504
- .data-list-item :global(h5 + p::first-line),
505
- .data-list-item :global(h6 + p::first-line) {
506
- font-family: var(--first-line-font-family, var(--data-list-item-first-line-font-family, var(--data-list-first-line-font-family, var(--surface-first-line-font-family, var(--first-line-font-family, inherit)))));
507
- text-transform: var(--first-line-text-transform, var(--data-list-item-first-line-text-transform, var(--data-list-first-line-text-transform, var(--surface-first-line-text-transform, var(--first-line-text-transform, inherit)))));
508
- text-decoration: var(--first-line-text-decoration, var(--data-list-item-first-line-text-decoration, var(--data-list-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
509
- --_font-size: var(--first-line-font-size, var(--data-list-item-first-line-font-size, var(--data-list-first-line-font-size, var(--surface-first-line-font-size, var(--first-line-font-size, inherit)))));
510
- font-size: var(--_font-size);
511
- font-weight: var(--first-line-font-weight, var(--data-list-item-first-line-font-weight, var(--data-list-first-line-font-weight, var(--surface-first-line-font-weight, var(--first-line-font-weight, inherit)))));
512
- line-height: var(--first-line-line-height, var(--data-list-item-first-line-line-height, var(--data-list-first-line-line-height, var(--surface-first-line-line-height, var(--first-line-line-height, inherit)))));
513
- letter-spacing: var(--first-line-letter-spacing, var(--data-list-item-first-line-letter-spacing, var(--data-list-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
514
- text-indent: var(--first-line-indent, var(--data-list-item-first-line-indent, var(--data-list-first-line-indent, var(--surface-first-line-indent, var(--first-line-indent, inherit)))));
515
- font-variant: var(--first-line-font-variant, var(--data-list-item-first-line-font-variant, var(--data-list-first-line-font-variant, var(--surface-first-line-font-variant, var(--first-line-font-variant, inherit)))));
516
- text-align: var(--first-line-text-align, var(--data-list-item-first-line-text-align, var(--data-list-first-line-text-align, var(--surface-first-line-text-align, var(--first-line-text-align, inherit)))));
517
- }
518
-
519
- .data-list-item :global(p:first-of-type::first-letter),
520
- .data-list-item :global(h1 + p::first-letter),
521
- .data-list-item :global(h2 + p::first-letter),
522
- .data-list-item :global(h3 + p::first-letter),
523
- .data-list-item :global(h4 + p::first-letter),
524
- .data-list-item :global(h5 + p::first-letter),
525
- .data-list-item :global(h6 + p::first-letter) {
526
- font-family: var(--first-letter-font-family, var(--data-list-item-first-letter-font-family, var(--data-list-first-letter-font-family, var(--surface-first-letter-font-family, inherit))));
527
- text-transform: var(--first-letter-text-transform, var(--data-list-item-first-letter-text-transform, var(--data-list-first-letter-text-transform, var(--surface-first-letter-text-transform, inherit))));
528
- text-decoration: var(--first-letter-text-decoration, var(--data-list-item-first-letter-text-decoration, var(--data-list-first-letter-text-decoration, var(--surface-first-letter-text-decoration, inherit))));
529
- --_font-size: var(--first-letter-font-size, var(--data-list-item-first-letter-font-size, var(--data-list-first-letter-font-size, var(--surface-first-letter-font-size, inherit))));
530
- font-size: var(--_font-size);
531
- font-weight: var(--first-letter-font-weight, var(--data-list-item-first-letter-font-weight, var(--data-list-first-letter-font-weight, var(--surface-first-letter-font-weight, inherit))));
532
- line-height: var(--first-letter-line-height, var(--data-list-item-first-letter-line-height, var(--data-list-first-letter-line-height, var(--surface-first-letter-line-height, inherit))));
533
- letter-spacing: var(--first-letter-letter-spacing, var(--data-list-item-first-letter-letter-spacing, var(--data-list-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, inherit))));
534
- text-indent: var(--first-letter-indent, var(--data-list-item-first-letter-indent, var(--data-list-first-letter-indent, var(--surface-first-letter-indent, inherit))));
535
- font-variant: var(--first-letter-font-variant, var(--data-list-item-first-letter-font-variant, var(--data-list-first-letter-font-variant, var(--surface-first-letter-font-variant, inherit))));
536
- text-align: var(--first-letter-text-align, var(--data-list-item-first-letter-text-align, var(--data-list-first-letter-text-align, var(--surface-first-letter-text-align, inherit))));
537
- --link-bg: var(--data-list-item-link-bg, var(--data-list-link-bg, var(--surface-link-bg, inherit)));
538
- --link-fg: var(--data-list-item-link-fg, var(--data-list-link-fg, var(--surface-link-fg, inherit)));
539
- background: var(--data-list-item-first-letter-bg, var(--data-list-first-letter-bg, var(--first-letter-bg, inherit)));
540
- color: var(--data-list-item-first-letter-fg, var(--data-list-first-letter-fg, var(--first-letter-fg, inherit)));
541
- float: var(--first-letter-float, none);
542
- margin-right: var(--first-letter-margin-right, 0);
543
- padding-top: var(--first-letter-padding-top, 0);
544
- }
545
-
546
- .data-list-item {
282
+ --_prose-max-width: var(--data-list-item-line-width, var(--data-list-line-width, var(--surface-line-width, var(--line-width, 40em))));
283
+ --_prose-font-family: var(--data-list-item-body-font-family, var(--data-list-body-font-family, var(--surface-body-font-family, var(--body-font-family, var(--font-family)))));
284
+ --_prose-line-height: var(--data-list-item-line-height, var(--data-list-line-height, var(--surface-line-height, var(--line-height, 1.5))));
285
+ /* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
286
+ against its container's leading edge like any other block. Centring the
287
+ measure is what a prose column asks for, and TextLayout -- the one
288
+ component that IS a prose column -- opts back in to `auto`. */
289
+ --_prose-margin-inline: var(--data-list-item-prose-margin-inline, var(--data-list-prose-margin-inline, var(--surface-prose-margin-inline, var(--prose-margin-inline, 0))));
290
+ --_prose-font-weight: var(--data-list-item-body-font-weight, var(--data-list-body-font-weight, var(--surface-body-font-weight, var(--body-font-weight, unset))));
291
+ --_paragraph-font-family: var(--data-list-item-paragraph-font-family, var(--data-list-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit))));
292
+ --_paragraph-text-transform: var(--data-list-item-paragraph-text-transform, var(--data-list-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
293
+ --_paragraph-text-decoration: var(--data-list-item-paragraph-text-decoration, var(--data-list-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
294
+ --_paragraph-font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))));
295
+ --_paragraph-font-weight: var(--data-list-item-paragraph-font-weight, var(--data-list-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
296
+ --_paragraph-line-height: var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))));
297
+ --_paragraph-letter-spacing: var(--data-list-item-paragraph-letter-spacing, var(--data-list-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
298
+ --_paragraph-text-indent: var(--data-list-item-paragraph-indent, var(--data-list-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit))));
299
+ --_paragraph-font-variant: var(--data-list-item-paragraph-font-variant, var(--data-list-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
300
+ --_paragraph-text-align: var(--data-list-item-paragraph-text-align, var(--data-list-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit))));
301
+ --_first-paragraph-font-family: var(--data-list-item-first-paragraph-font-family, var(--data-list-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--data-list-item-paragraph-font-family, var(--data-list-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit)))))));
302
+ --_first-paragraph-text-transform: var(--data-list-item-first-paragraph-text-transform, var(--data-list-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--data-list-item-paragraph-text-transform, var(--data-list-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit)))))));
303
+ --_first-paragraph-text-decoration: var(--data-list-item-first-paragraph-text-decoration, var(--data-list-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--data-list-item-paragraph-text-decoration, var(--data-list-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))))));
304
+ --_first-paragraph-font-weight: var(--data-list-item-first-paragraph-font-weight, var(--data-list-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--data-list-item-paragraph-font-weight, var(--data-list-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit)))))));
305
+ --_first-paragraph-letter-spacing: var(--data-list-item-first-paragraph-letter-spacing, var(--data-list-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--data-list-item-paragraph-letter-spacing, var(--data-list-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))))));
306
+ --_first-paragraph-text-indent: var(--data-list-item-first-paragraph-indent, var(--data-list-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--data-list-item-paragraph-indent, var(--data-list-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit)))))));
307
+ --_first-paragraph-font-variant: var(--data-list-item-first-paragraph-font-variant, var(--data-list-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--data-list-item-paragraph-font-variant, var(--data-list-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit)))))));
308
+ --_first-paragraph-text-align: var(--data-list-item-first-paragraph-text-align, var(--data-list-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--data-list-item-paragraph-text-align, var(--data-list-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit)))))));
309
+ --_first-paragraph-font-size: var(--data-list-item-first-paragraph-font-size, var(--data-list-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--first-paragraph-font-size, var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
310
+ --_first-paragraph-line-height: var(--data-list-item-first-paragraph-line-height, var(--data-list-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--first-paragraph-line-height, var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
311
+ --_first-paragraph-margin-top: var(--data-list-item-first-paragraph-margin-top, var(--data-list-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
312
+ --_first-line-font-family: var(--first-line-font-family, var(--data-list-item-first-line-font-family, var(--data-list-first-line-font-family, var(--surface-first-line-font-family, var(--first-line-font-family, inherit)))));
313
+ --_first-line-text-transform: var(--first-line-text-transform, var(--data-list-item-first-line-text-transform, var(--data-list-first-line-text-transform, var(--surface-first-line-text-transform, var(--first-line-text-transform, inherit)))));
314
+ --_first-line-text-decoration: var(--first-line-text-decoration, var(--data-list-item-first-line-text-decoration, var(--data-list-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
315
+ --_first-line-font-size: var(--first-line-font-size, var(--data-list-item-first-line-font-size, var(--data-list-first-line-font-size, var(--surface-first-line-font-size, var(--first-line-font-size, inherit)))));
316
+ --_first-line-font-weight: var(--first-line-font-weight, var(--data-list-item-first-line-font-weight, var(--data-list-first-line-font-weight, var(--surface-first-line-font-weight, var(--first-line-font-weight, inherit)))));
317
+ --_first-line-line-height: var(--first-line-line-height, var(--data-list-item-first-line-line-height, var(--data-list-first-line-line-height, var(--surface-first-line-line-height, var(--first-line-line-height, inherit)))));
318
+ --_first-line-letter-spacing: var(--first-line-letter-spacing, var(--data-list-item-first-line-letter-spacing, var(--data-list-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
319
+ --_first-line-text-indent: var(--first-line-indent, var(--data-list-item-first-line-indent, var(--data-list-first-line-indent, var(--surface-first-line-indent, var(--first-line-indent, inherit)))));
320
+ --_first-line-font-variant: var(--first-line-font-variant, var(--data-list-item-first-line-font-variant, var(--data-list-first-line-font-variant, var(--surface-first-line-font-variant, var(--first-line-font-variant, inherit)))));
321
+ --_first-line-text-align: var(--first-line-text-align, var(--data-list-item-first-line-text-align, var(--data-list-first-line-text-align, var(--surface-first-line-text-align, var(--first-line-text-align, inherit)))));
322
+ --_first-letter-font-family: var(--first-letter-font-family, var(--data-list-item-first-letter-font-family, var(--data-list-first-letter-font-family, var(--surface-first-letter-font-family, inherit))));
323
+ --_first-letter-text-transform: var(--first-letter-text-transform, var(--data-list-item-first-letter-text-transform, var(--data-list-first-letter-text-transform, var(--surface-first-letter-text-transform, inherit))));
324
+ --_first-letter-text-decoration: var(--first-letter-text-decoration, var(--data-list-item-first-letter-text-decoration, var(--data-list-first-letter-text-decoration, var(--surface-first-letter-text-decoration, inherit))));
325
+ --_first-letter-font-size: var(--first-letter-font-size, var(--data-list-item-first-letter-font-size, var(--data-list-first-letter-font-size, var(--surface-first-letter-font-size, inherit))));
326
+ --_first-letter-font-weight: var(--first-letter-font-weight, var(--data-list-item-first-letter-font-weight, var(--data-list-first-letter-font-weight, var(--surface-first-letter-font-weight, inherit))));
327
+ --_first-letter-line-height: var(--first-letter-line-height, var(--data-list-item-first-letter-line-height, var(--data-list-first-letter-line-height, var(--surface-first-letter-line-height, inherit))));
328
+ --_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--data-list-item-first-letter-letter-spacing, var(--data-list-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, inherit))));
329
+ --_first-letter-text-indent: var(--first-letter-indent, var(--data-list-item-first-letter-indent, var(--data-list-first-letter-indent, var(--surface-first-letter-indent, inherit))));
330
+ --_first-letter-font-variant: var(--first-letter-font-variant, var(--data-list-item-first-letter-font-variant, var(--data-list-first-letter-font-variant, var(--surface-first-letter-font-variant, inherit))));
331
+ --_first-letter-text-align: var(--first-letter-text-align, var(--data-list-item-first-letter-text-align, var(--data-list-first-letter-text-align, var(--surface-first-letter-text-align, inherit))));
332
+ --_first-letter-link-bg: var(--data-list-item-link-bg, var(--data-list-link-bg, var(--surface-link-bg, inherit)));
333
+ --_first-letter-link-fg: var(--data-list-item-link-fg, var(--data-list-link-fg, var(--surface-link-fg, inherit)));
334
+ --_first-letter-background: var(--data-list-item-first-letter-bg, var(--data-list-first-letter-bg, var(--first-letter-bg, inherit)));
335
+ --_first-letter-color: var(--data-list-item-first-letter-fg, var(--data-list-first-letter-fg, var(--first-letter-fg, inherit)));
336
+ /* Private context vars only -- consumed once, globally, by the :where()
337
+ rule in vars/typography-context.css, not by a selector matching h1-h6 here.
338
+ See the comment above heading-box-context-vars(). */
339
+ --_heading-max-width: var(--data-list-item-line-width, var(--data-list-line-width, var(--surface-line-width, var(--line-width, unset))));
340
+ /* Same as --_prose-margin-inline: start-aligned in a container, centred
341
+ only by TextLayout. */
342
+ --_heading-margin-inline: var(--data-list-item-heading-margin-inline, var(--data-list-heading-margin-inline, var(--surface-heading-margin-inline, var(--heading-margin-inline, 0))));
343
+ --_heading-margin-bottom: var(--data-list-item-heading-margin-bottom, var(--data-list-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--heading-margin-bottom, 0))));
344
+ --_heading-margin-top: var(--data-list-item-heading-margin-top, var(--data-list-heading-margin-top, var(--surface-heading-margin-top, var(--heading-margin-top, 1.5em))));
345
+ --_heading-first-margin-top: var(--data-list-item-first-heading-margin-top, var(--data-list-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--first-heading-margin-top, 0))));
346
+ --_h1-color: var(--data-list-item-heading-1-fg, var(--data-list-heading-1-fg, var(--surface-heading-1-fg, var(--data-list-item-heading-major-fg, var(--data-list-heading-major-fg, var(--surface-heading-major-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
347
+ --_h1-background: var(--data-list-item-heading-1-bg, var(--data-list-heading-1-bg, var(--surface-heading-1-bg, var(--data-list-item-heading-major-bg, var(--data-list-heading-major-bg, var(--surface-heading-major-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
348
+ --_h1-padding: var(--data-list-item-heading-1-padding, var(--data-list-heading-1-padding, var(--surface-heading-1-padding, var(--data-list-item-heading-major-padding, var(--data-list-heading-major-padding, var(--surface-heading-major-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
349
+ --_h1-border: var(--data-list-item-heading-1-border, var(--data-list-heading-1-border, var(--surface-heading-1-border, var(--data-list-item-heading-major-border, var(--data-list-heading-major-border, var(--surface-heading-major-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none))))))))))));
350
+ --_h1-border-width: var(--data-list-item-heading-1-border-width, var(--data-list-heading-1-border-width, var(--surface-heading-1-border-width, var(--data-list-item-heading-major-border-width, var(--data-list-heading-major-border-width, var(--surface-heading-major-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
351
+ --_h1-border-style: var(--data-list-item-heading-1-border-style, var(--data-list-heading-1-border-style, var(--surface-heading-1-border-style, var(--data-list-item-heading-major-border-style, var(--data-list-heading-major-border-style, var(--surface-heading-major-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
352
+ --_h1-border-color: var(--data-list-item-heading-1-border-color, var(--data-list-heading-1-border-color, var(--surface-heading-1-border-color, var(--data-list-item-heading-major-border-color, var(--data-list-heading-major-border-color, var(--surface-heading-major-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
353
+ --_h1-border-radius: var(--data-list-item-heading-1-border-radius, var(--data-list-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--data-list-item-heading-major-border-radius, var(--data-list-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
354
+ --_h1-box-shadow: var(--data-list-item-heading-1-box-shadow, var(--data-list-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--data-list-item-heading-major-box-shadow, var(--data-list-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
355
+ --_h1-font-family: var(--data-list-item-heading-1-font-family, var(--data-list-heading-1-font-family, var(--surface-heading-1-font-family, var(--data-list-item-heading-major-font-family, var(--data-list-heading-major-font-family, var(--surface-heading-major-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
356
+ --_h1-text-transform: var(--data-list-item-heading-1-text-transform, var(--data-list-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--data-list-item-heading-major-text-transform, var(--data-list-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
357
+ --_h1-text-decoration: var(--data-list-item-heading-1-text-decoration, var(--data-list-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--data-list-item-heading-major-text-decoration, var(--data-list-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
358
+ --_h1-font-size: var(--data-list-item-heading-1-font-size, var(--data-list-heading-1-font-size, var(--surface-heading-1-font-size, var(--data-list-item-heading-major-font-size, var(--data-list-heading-major-font-size, var(--surface-heading-major-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
359
+ --_h1-font-weight: var(--data-list-item-heading-1-font-weight, var(--data-list-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--data-list-item-heading-major-font-weight, var(--data-list-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
360
+ --_h1-line-height: var(--data-list-item-heading-1-line-height, var(--data-list-heading-1-line-height, var(--surface-heading-1-line-height, var(--data-list-item-heading-major-line-height, var(--data-list-heading-major-line-height, var(--surface-heading-major-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
361
+ --_h1-letter-spacing: var(--data-list-item-heading-1-letter-spacing, var(--data-list-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--data-list-item-heading-major-letter-spacing, var(--data-list-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
362
+ --_h1-text-indent: var(--data-list-item-heading-1-indent, var(--data-list-heading-1-indent, var(--surface-heading-1-indent, var(--data-list-item-heading-major-indent, var(--data-list-heading-major-indent, var(--surface-heading-major-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
363
+ --_h1-font-variant: var(--data-list-item-heading-1-font-variant, var(--data-list-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--data-list-item-heading-major-font-variant, var(--data-list-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
364
+ --_h1-text-align: var(--data-list-item-heading-1-text-align, var(--data-list-heading-1-text-align, var(--surface-heading-1-text-align, var(--data-list-item-heading-major-text-align, var(--data-list-heading-major-text-align, var(--surface-heading-major-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
365
+ --_h2-color: var(--data-list-item-heading-2-fg, var(--data-list-heading-2-fg, var(--surface-heading-2-fg, var(--data-list-item-heading-major-fg, var(--data-list-heading-major-fg, var(--surface-heading-major-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
366
+ --_h2-background: var(--data-list-item-heading-2-bg, var(--data-list-heading-2-bg, var(--surface-heading-2-bg, var(--data-list-item-heading-major-bg, var(--data-list-heading-major-bg, var(--surface-heading-major-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
367
+ --_h2-padding: var(--data-list-item-heading-2-padding, var(--data-list-heading-2-padding, var(--surface-heading-2-padding, var(--data-list-item-heading-major-padding, var(--data-list-heading-major-padding, var(--surface-heading-major-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
368
+ --_h2-border: var(--data-list-item-heading-2-border, var(--data-list-heading-2-border, var(--surface-heading-2-border, var(--data-list-item-heading-major-border, var(--data-list-heading-major-border, var(--surface-heading-major-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none))))))))))));
369
+ --_h2-border-width: var(--data-list-item-heading-2-border-width, var(--data-list-heading-2-border-width, var(--surface-heading-2-border-width, var(--data-list-item-heading-major-border-width, var(--data-list-heading-major-border-width, var(--surface-heading-major-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
370
+ --_h2-border-style: var(--data-list-item-heading-2-border-style, var(--data-list-heading-2-border-style, var(--surface-heading-2-border-style, var(--data-list-item-heading-major-border-style, var(--data-list-heading-major-border-style, var(--surface-heading-major-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
371
+ --_h2-border-color: var(--data-list-item-heading-2-border-color, var(--data-list-heading-2-border-color, var(--surface-heading-2-border-color, var(--data-list-item-heading-major-border-color, var(--data-list-heading-major-border-color, var(--surface-heading-major-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
372
+ --_h2-border-radius: var(--data-list-item-heading-2-border-radius, var(--data-list-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--data-list-item-heading-major-border-radius, var(--data-list-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
373
+ --_h2-box-shadow: var(--data-list-item-heading-2-box-shadow, var(--data-list-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--data-list-item-heading-major-box-shadow, var(--data-list-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
374
+ --_h2-font-family: var(--data-list-item-heading-2-font-family, var(--data-list-heading-2-font-family, var(--surface-heading-2-font-family, var(--data-list-item-heading-major-font-family, var(--data-list-heading-major-font-family, var(--surface-heading-major-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
375
+ --_h2-text-transform: var(--data-list-item-heading-2-text-transform, var(--data-list-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--data-list-item-heading-major-text-transform, var(--data-list-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
376
+ --_h2-text-decoration: var(--data-list-item-heading-2-text-decoration, var(--data-list-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--data-list-item-heading-major-text-decoration, var(--data-list-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
377
+ --_h2-font-size: var(--data-list-item-heading-2-font-size, var(--data-list-heading-2-font-size, var(--surface-heading-2-font-size, var(--data-list-item-heading-major-font-size, var(--data-list-heading-major-font-size, var(--surface-heading-major-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
378
+ --_h2-font-weight: var(--data-list-item-heading-2-font-weight, var(--data-list-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--data-list-item-heading-major-font-weight, var(--data-list-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
379
+ --_h2-line-height: var(--data-list-item-heading-2-line-height, var(--data-list-heading-2-line-height, var(--surface-heading-2-line-height, var(--data-list-item-heading-major-line-height, var(--data-list-heading-major-line-height, var(--surface-heading-major-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
380
+ --_h2-letter-spacing: var(--data-list-item-heading-2-letter-spacing, var(--data-list-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--data-list-item-heading-major-letter-spacing, var(--data-list-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
381
+ --_h2-text-indent: var(--data-list-item-heading-2-indent, var(--data-list-heading-2-indent, var(--surface-heading-2-indent, var(--data-list-item-heading-major-indent, var(--data-list-heading-major-indent, var(--surface-heading-major-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
382
+ --_h2-font-variant: var(--data-list-item-heading-2-font-variant, var(--data-list-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--data-list-item-heading-major-font-variant, var(--data-list-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
383
+ --_h2-text-align: var(--data-list-item-heading-2-text-align, var(--data-list-heading-2-text-align, var(--surface-heading-2-text-align, var(--data-list-item-heading-major-text-align, var(--data-list-heading-major-text-align, var(--surface-heading-major-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
384
+ --_h3-color: var(--data-list-item-heading-3-fg, var(--data-list-heading-3-fg, var(--surface-heading-3-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
385
+ --_h3-background: var(--data-list-item-heading-3-bg, var(--data-list-heading-3-bg, var(--surface-heading-3-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
386
+ --_h3-padding: var(--data-list-item-heading-3-padding, var(--data-list-heading-3-padding, var(--surface-heading-3-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
387
+ --_h3-border: var(--data-list-item-heading-3-border, var(--data-list-heading-3-border, var(--surface-heading-3-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none))))))))))));
388
+ --_h3-border-width: var(--data-list-item-heading-3-border-width, var(--data-list-heading-3-border-width, var(--surface-heading-3-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
389
+ --_h3-border-style: var(--data-list-item-heading-3-border-style, var(--data-list-heading-3-border-style, var(--surface-heading-3-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
390
+ --_h3-border-color: var(--data-list-item-heading-3-border-color, var(--data-list-heading-3-border-color, var(--surface-heading-3-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
391
+ --_h3-border-radius: var(--data-list-item-heading-3-border-radius, var(--data-list-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
392
+ --_h3-box-shadow: var(--data-list-item-heading-3-box-shadow, var(--data-list-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
393
+ --_h3-font-family: var(--data-list-item-heading-3-font-family, var(--data-list-heading-3-font-family, var(--surface-heading-3-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
394
+ --_h3-text-transform: var(--data-list-item-heading-3-text-transform, var(--data-list-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
395
+ --_h3-text-decoration: var(--data-list-item-heading-3-text-decoration, var(--data-list-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
396
+ --_h3-font-size: var(--data-list-item-heading-3-font-size, var(--data-list-heading-3-font-size, var(--surface-heading-3-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
397
+ --_h3-font-weight: var(--data-list-item-heading-3-font-weight, var(--data-list-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
398
+ --_h3-line-height: var(--data-list-item-heading-3-line-height, var(--data-list-heading-3-line-height, var(--surface-heading-3-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
399
+ --_h3-letter-spacing: var(--data-list-item-heading-3-letter-spacing, var(--data-list-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
400
+ --_h3-text-indent: var(--data-list-item-heading-3-indent, var(--data-list-heading-3-indent, var(--surface-heading-3-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
401
+ --_h3-font-variant: var(--data-list-item-heading-3-font-variant, var(--data-list-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
402
+ --_h3-text-align: var(--data-list-item-heading-3-text-align, var(--data-list-heading-3-text-align, var(--surface-heading-3-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
403
+ --_h4-color: var(--data-list-item-heading-4-fg, var(--data-list-heading-4-fg, var(--surface-heading-4-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
404
+ --_h4-background: var(--data-list-item-heading-4-bg, var(--data-list-heading-4-bg, var(--surface-heading-4-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
405
+ --_h4-padding: var(--data-list-item-heading-4-padding, var(--data-list-heading-4-padding, var(--surface-heading-4-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
406
+ --_h4-border: var(--data-list-item-heading-4-border, var(--data-list-heading-4-border, var(--surface-heading-4-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none))))))))))));
407
+ --_h4-border-width: var(--data-list-item-heading-4-border-width, var(--data-list-heading-4-border-width, var(--surface-heading-4-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
408
+ --_h4-border-style: var(--data-list-item-heading-4-border-style, var(--data-list-heading-4-border-style, var(--surface-heading-4-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
409
+ --_h4-border-color: var(--data-list-item-heading-4-border-color, var(--data-list-heading-4-border-color, var(--surface-heading-4-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
410
+ --_h4-border-radius: var(--data-list-item-heading-4-border-radius, var(--data-list-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
411
+ --_h4-box-shadow: var(--data-list-item-heading-4-box-shadow, var(--data-list-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
412
+ --_h4-font-family: var(--data-list-item-heading-4-font-family, var(--data-list-heading-4-font-family, var(--surface-heading-4-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
413
+ --_h4-text-transform: var(--data-list-item-heading-4-text-transform, var(--data-list-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
414
+ --_h4-text-decoration: var(--data-list-item-heading-4-text-decoration, var(--data-list-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
415
+ --_h4-font-size: var(--data-list-item-heading-4-font-size, var(--data-list-heading-4-font-size, var(--surface-heading-4-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
416
+ --_h4-font-weight: var(--data-list-item-heading-4-font-weight, var(--data-list-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
417
+ --_h4-line-height: var(--data-list-item-heading-4-line-height, var(--data-list-heading-4-line-height, var(--surface-heading-4-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
418
+ --_h4-letter-spacing: var(--data-list-item-heading-4-letter-spacing, var(--data-list-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
419
+ --_h4-text-indent: var(--data-list-item-heading-4-indent, var(--data-list-heading-4-indent, var(--surface-heading-4-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
420
+ --_h4-font-variant: var(--data-list-item-heading-4-font-variant, var(--data-list-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
421
+ --_h4-text-align: var(--data-list-item-heading-4-text-align, var(--data-list-heading-4-text-align, var(--surface-heading-4-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
422
+ --_h5-color: var(--data-list-item-heading-5-fg, var(--data-list-heading-5-fg, var(--surface-heading-5-fg, var(--data-list-item-heading-minor-fg, var(--data-list-heading-minor-fg, var(--surface-heading-minor-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
423
+ --_h5-background: var(--data-list-item-heading-5-bg, var(--data-list-heading-5-bg, var(--surface-heading-5-bg, var(--data-list-item-heading-minor-bg, var(--data-list-heading-minor-bg, var(--surface-heading-minor-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
424
+ --_h5-padding: var(--data-list-item-heading-5-padding, var(--data-list-heading-5-padding, var(--surface-heading-5-padding, var(--data-list-item-heading-minor-padding, var(--data-list-heading-minor-padding, var(--surface-heading-minor-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
425
+ --_h5-border: var(--data-list-item-heading-5-border, var(--data-list-heading-5-border, var(--surface-heading-5-border, var(--data-list-item-heading-minor-border, var(--data-list-heading-minor-border, var(--surface-heading-minor-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
426
+ --_h5-border-width: var(--data-list-item-heading-5-border-width, var(--data-list-heading-5-border-width, var(--surface-heading-5-border-width, var(--data-list-item-heading-minor-border-width, var(--data-list-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
427
+ --_h5-border-style: var(--data-list-item-heading-5-border-style, var(--data-list-heading-5-border-style, var(--surface-heading-5-border-style, var(--data-list-item-heading-minor-border-style, var(--data-list-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
428
+ --_h5-border-color: var(--data-list-item-heading-5-border-color, var(--data-list-heading-5-border-color, var(--surface-heading-5-border-color, var(--data-list-item-heading-minor-border-color, var(--data-list-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
429
+ --_h5-border-radius: var(--data-list-item-heading-5-border-radius, var(--data-list-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--data-list-item-heading-minor-border-radius, var(--data-list-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
430
+ --_h5-box-shadow: var(--data-list-item-heading-5-box-shadow, var(--data-list-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--data-list-item-heading-minor-box-shadow, var(--data-list-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
431
+ --_h5-font-family: var(--data-list-item-heading-5-font-family, var(--data-list-heading-5-font-family, var(--surface-heading-5-font-family, var(--data-list-item-heading-minor-font-family, var(--data-list-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
432
+ --_h5-text-transform: var(--data-list-item-heading-5-text-transform, var(--data-list-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--data-list-item-heading-minor-text-transform, var(--data-list-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
433
+ --_h5-text-decoration: var(--data-list-item-heading-5-text-decoration, var(--data-list-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--data-list-item-heading-minor-text-decoration, var(--data-list-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
434
+ --_h5-font-size: var(--data-list-item-heading-5-font-size, var(--data-list-heading-5-font-size, var(--surface-heading-5-font-size, var(--data-list-item-heading-minor-font-size, var(--data-list-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
435
+ --_h5-font-weight: var(--data-list-item-heading-5-font-weight, var(--data-list-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--data-list-item-heading-minor-font-weight, var(--data-list-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
436
+ --_h5-line-height: var(--data-list-item-heading-5-line-height, var(--data-list-heading-5-line-height, var(--surface-heading-5-line-height, var(--data-list-item-heading-minor-line-height, var(--data-list-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
437
+ --_h5-letter-spacing: var(--data-list-item-heading-5-letter-spacing, var(--data-list-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--data-list-item-heading-minor-letter-spacing, var(--data-list-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
438
+ --_h5-text-indent: var(--data-list-item-heading-5-indent, var(--data-list-heading-5-indent, var(--surface-heading-5-indent, var(--data-list-item-heading-minor-indent, var(--data-list-heading-minor-indent, var(--surface-heading-minor-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
439
+ --_h5-font-variant: var(--data-list-item-heading-5-font-variant, var(--data-list-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--data-list-item-heading-minor-font-variant, var(--data-list-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
440
+ --_h5-text-align: var(--data-list-item-heading-5-text-align, var(--data-list-heading-5-text-align, var(--surface-heading-5-text-align, var(--data-list-item-heading-minor-text-align, var(--data-list-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
441
+ --_h6-color: var(--data-list-item-heading-6-fg, var(--data-list-heading-6-fg, var(--surface-heading-6-fg, var(--data-list-item-heading-minor-fg, var(--data-list-heading-minor-fg, var(--surface-heading-minor-fg, var(--data-list-item-heading-fg, var(--data-list-heading-fg, var(--surface-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
442
+ --_h6-background: var(--data-list-item-heading-6-bg, var(--data-list-heading-6-bg, var(--surface-heading-6-bg, var(--data-list-item-heading-minor-bg, var(--data-list-heading-minor-bg, var(--surface-heading-minor-bg, var(--data-list-item-heading-bg, var(--data-list-heading-bg, var(--surface-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
443
+ --_h6-padding: var(--data-list-item-heading-6-padding, var(--data-list-heading-6-padding, var(--surface-heading-6-padding, var(--data-list-item-heading-minor-padding, var(--data-list-heading-minor-padding, var(--surface-heading-minor-padding, var(--data-list-item-heading-padding, var(--data-list-heading-padding, var(--surface-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
444
+ --_h6-border: var(--data-list-item-heading-6-border, var(--data-list-heading-6-border, var(--surface-heading-6-border, var(--data-list-item-heading-minor-border, var(--data-list-heading-minor-border, var(--surface-heading-minor-border, var(--data-list-item-heading-border, var(--data-list-heading-border, var(--surface-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
445
+ --_h6-border-width: var(--data-list-item-heading-6-border-width, var(--data-list-heading-6-border-width, var(--surface-heading-6-border-width, var(--data-list-item-heading-minor-border-width, var(--data-list-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--data-list-item-heading-border-width, var(--data-list-heading-border-width, var(--surface-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
446
+ --_h6-border-style: var(--data-list-item-heading-6-border-style, var(--data-list-heading-6-border-style, var(--surface-heading-6-border-style, var(--data-list-item-heading-minor-border-style, var(--data-list-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--data-list-item-heading-border-style, var(--data-list-heading-border-style, var(--surface-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
447
+ --_h6-border-color: var(--data-list-item-heading-6-border-color, var(--data-list-heading-6-border-color, var(--surface-heading-6-border-color, var(--data-list-item-heading-minor-border-color, var(--data-list-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--data-list-item-heading-border-color, var(--data-list-heading-border-color, var(--surface-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
448
+ --_h6-border-radius: var(--data-list-item-heading-6-border-radius, var(--data-list-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--data-list-item-heading-minor-border-radius, var(--data-list-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--data-list-item-heading-border-radius, var(--data-list-heading-border-radius, var(--surface-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
449
+ --_h6-box-shadow: var(--data-list-item-heading-6-box-shadow, var(--data-list-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--data-list-item-heading-minor-box-shadow, var(--data-list-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--data-list-item-heading-box-shadow, var(--data-list-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
450
+ --_h6-font-family: var(--data-list-item-heading-6-font-family, var(--data-list-heading-6-font-family, var(--surface-heading-6-font-family, var(--data-list-item-heading-minor-font-family, var(--data-list-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--data-list-item-heading-font-family, var(--data-list-heading-font-family, var(--surface-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
451
+ --_h6-text-transform: var(--data-list-item-heading-6-text-transform, var(--data-list-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--data-list-item-heading-minor-text-transform, var(--data-list-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--data-list-item-heading-text-transform, var(--data-list-heading-text-transform, var(--surface-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
452
+ --_h6-text-decoration: var(--data-list-item-heading-6-text-decoration, var(--data-list-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--data-list-item-heading-minor-text-decoration, var(--data-list-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--data-list-item-heading-text-decoration, var(--data-list-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
453
+ --_h6-font-size: var(--data-list-item-heading-6-font-size, var(--data-list-heading-6-font-size, var(--surface-heading-6-font-size, var(--data-list-item-heading-minor-font-size, var(--data-list-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--data-list-item-heading-font-size, var(--data-list-heading-font-size, var(--surface-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
454
+ --_h6-font-weight: var(--data-list-item-heading-6-font-weight, var(--data-list-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--data-list-item-heading-minor-font-weight, var(--data-list-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--data-list-item-heading-font-weight, var(--data-list-heading-font-weight, var(--surface-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
455
+ --_h6-line-height: var(--data-list-item-heading-6-line-height, var(--data-list-heading-6-line-height, var(--surface-heading-6-line-height, var(--data-list-item-heading-minor-line-height, var(--data-list-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--data-list-item-heading-line-height, var(--data-list-heading-line-height, var(--surface-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
456
+ --_h6-letter-spacing: var(--data-list-item-heading-6-letter-spacing, var(--data-list-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--data-list-item-heading-minor-letter-spacing, var(--data-list-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--data-list-item-heading-letter-spacing, var(--data-list-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
457
+ --_h6-text-indent: var(--data-list-item-heading-6-indent, var(--data-list-heading-6-indent, var(--surface-heading-6-indent, var(--data-list-item-heading-minor-indent, var(--data-list-heading-minor-indent, var(--surface-heading-minor-indent, var(--data-list-item-heading-indent, var(--data-list-heading-indent, var(--surface-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
458
+ --_h6-font-variant: var(--data-list-item-heading-6-font-variant, var(--data-list-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--data-list-item-heading-minor-font-variant, var(--data-list-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--data-list-item-heading-font-variant, var(--data-list-heading-font-variant, var(--surface-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
459
+ --_h6-text-align: var(--data-list-item-heading-6-text-align, var(--data-list-heading-6-text-align, var(--surface-heading-6-text-align, var(--data-list-item-heading-minor-text-align, var(--data-list-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--data-list-item-heading-text-align, var(--data-list-heading-text-align, var(--surface-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
547
460
  display: grid;
548
461
  grid-template-columns: var(--data-list-item-icon-width, var(--data-list-icon-width, var(--icon-width, var(--data-list-item-icon-size, var(--data-list-icon-size, var(--icon-size, 2.5rem)))))) minmax(0, 1fr) var(--data-list-item-action-width, var(--data-list-action-width, var(--action-width, auto)));
549
462
  grid-template-areas: "start main end";