contain-css-svelte 1.3.0 → 1.4.0

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 +266 -33
  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/overlays/Tooltip.svelte CHANGED
@@ -3,7 +3,6 @@ import { elementProps } from "../util";
3
3
  import { COLOR_VARS, PADDING_VARS, RADIUS_VARS, TYPOGRAPHY_CONTAINER_VARS, } from "../styleProps";
4
4
  let tooltipDiv = $state();
5
5
  let targetDiv = $state();
6
- let tooltipMeasurementDiv = $state();
7
6
  let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, tooltipDisabled = false, class: className, ...restProps } = $props();
8
7
  /* The wrapper is the element a caller is pointing at -- the tooltip itself
9
8
  is a popover the component owns and positions. */
@@ -26,8 +25,8 @@ let renderedHorizontal = $state(horizontal);
26
25
  /**
27
26
  * Tooltip content mounts on first show, not on mount. A page with many
28
27
  * tooltips (e.g. a grid of cells each carrying a rich tooltip snippet)
29
- * would otherwise build every tooltip twice — popover + measurement copy —
30
- * before the user hovers anything. Once shown, content stays mounted.
28
+ * would otherwise build every tooltip's content before the user hovers
29
+ * anything. Once shown, content stays mounted.
31
30
  */
32
31
  let hasRendered = $state(false);
33
32
  /** Guards against the pointer/focus leaving while content mounts. */
@@ -111,29 +110,29 @@ function resolveTargetRect() {
111
110
  * Place the tooltip against its target. Split out from showPopover so it can
112
111
  * re-run while the tooltip is open: the tooltip is `position: fixed` against
113
112
  * viewport coordinates, so any scroll or resize invalidates it.
113
+ *
114
+ * Measures the popover itself, so it must already be open -- a closed
115
+ * popover is `display: none` and has no size. That is safe to do without a
116
+ * flash: the popover opens, is measured and is placed in one synchronous
117
+ * run, and the browser does not paint until it finishes. (It also measures
118
+ * more truly than an offscreen copy could: a fixed box's width, and so its
119
+ * wrapped height, depends on where it sits horizontally -- which is why the
120
+ * horizontal side is placed before the height is read.)
114
121
  */
115
122
  function positionTooltip() {
116
- if (!tooltipDiv || !tooltipMeasurementDiv)
123
+ if (!tooltipDiv || !tooltipDiv.matches(":popover-open"))
117
124
  return false;
118
125
  const targetRect = resolveTargetRect();
119
126
  if (!targetRect)
120
127
  return false;
121
- let targetHeight = tooltipMeasurementDiv.getBoundingClientRect().height;
122
- let targetWidth = tooltipMeasurementDiv.getBoundingClientRect().width;
123
128
  renderedHorizontal = horizontal;
124
129
  renderedVertical = vertical;
125
- // Adjust vertical position based on position in window.
126
- if (renderedVertical === "top" &&
127
- //targetRect.top - window.scrollY < window.innerHeight / 3
128
- targetRect.top < targetHeight + 32) {
129
- renderedVertical = "bottom";
130
- }
131
- else if (renderedVertical === "bottom" &&
132
- //targetRect.bottom > (window.innerHeight * 2) / 3
133
- targetRect.bottom + targetHeight > window.innerHeight - 32) {
134
- renderedVertical = "top";
135
- }
136
- // Adjust horizontal position based on position in window
130
+ const tooltipGap = Number(window
131
+ .getComputedStyle(tooltipDiv)
132
+ .getPropertyValue("--tooltip-arrow-size")
133
+ .replace("px", "")) || 8;
134
+ // Horizontal first: it depends only on the target, and it decides how
135
+ // much room the tooltip has to lay out in.
137
136
  if (renderedHorizontal === "left" &&
138
137
  targetRect.left < window.innerWidth / 3) {
139
138
  renderedHorizontal = "right";
@@ -142,21 +141,6 @@ function positionTooltip() {
142
141
  targetRect.right > (window.innerWidth * 2) / 3) {
143
142
  renderedHorizontal = "left";
144
143
  }
145
- const tooltipGap = Number(window
146
- .getComputedStyle(tooltipDiv)
147
- .getPropertyValue("--tooltip-arrow-size")
148
- .replace("px", "")) || 8;
149
- // Adjust tooltip style to match target element
150
- if (renderedVertical === "bottom") {
151
- tooltipDiv.style.bottom = "unset";
152
- tooltipDiv.style.top = `${targetRect.top + targetRect.height}px`;
153
- tooltipDiv.style.marginTop = "var(--tooltipGap, 8px)";
154
- }
155
- else if (renderedVertical == "top") {
156
- tooltipDiv.style.bottom = `${window.innerHeight - targetRect.top}px`;
157
- tooltipDiv.style.top = "unset";
158
- tooltipDiv.style.marginBottom = "var(--tooltipGap, 8px)";
159
- }
160
144
  if (renderedHorizontal == "right") {
161
145
  // Anchor so that the arrow center (at 2*tooltipGap from tooltip left) aligns with target center
162
146
  tooltipDiv.style.left = `${targetRect.left + targetRect.width / 2 - 2 * tooltipGap}px`;
@@ -167,8 +151,29 @@ function positionTooltip() {
167
151
  tooltipDiv.style.right = `${window.innerWidth - (targetRect.left + targetRect.width / 2) - 2 * tooltipGap}px`;
168
152
  tooltipDiv.style.left = "unset";
169
153
  }
170
- // Top and Left will put us OVER the element (matching top and left corner)
171
- // Let's use the margin to adjust positioning...
154
+ // Now its height at the width it will actually have.
155
+ const tooltipHeight = tooltipDiv.getBoundingClientRect().height;
156
+ if (renderedVertical === "top" && targetRect.top < tooltipHeight + 32) {
157
+ renderedVertical = "bottom";
158
+ }
159
+ else if (renderedVertical === "bottom" &&
160
+ targetRect.bottom + tooltipHeight > window.innerHeight - 32) {
161
+ renderedVertical = "top";
162
+ }
163
+ // Each side clears the other's margin, or a tooltip that flips keeps a
164
+ // stale gap on the side it left.
165
+ if (renderedVertical === "bottom") {
166
+ tooltipDiv.style.bottom = "unset";
167
+ tooltipDiv.style.top = `${targetRect.top + targetRect.height}px`;
168
+ tooltipDiv.style.marginTop = "var(--tooltipGap, 8px)";
169
+ tooltipDiv.style.marginBottom = "";
170
+ }
171
+ else {
172
+ tooltipDiv.style.bottom = `${window.innerHeight - targetRect.top}px`;
173
+ tooltipDiv.style.top = "unset";
174
+ tooltipDiv.style.marginBottom = "var(--tooltipGap, 8px)";
175
+ tooltipDiv.style.marginTop = "";
176
+ }
172
177
  return true;
173
178
  }
174
179
  /**
@@ -212,16 +217,20 @@ async function showPopover() {
212
217
  wantsShow = true;
213
218
  if (!hasRendered) {
214
219
  hasRendered = true;
215
- // Wait for the content to exist before measuring it — positioning reads
216
- // the measurement element's height/width to decide flip direction.
220
+ // Wait for the content to exist before measuring it -- positioning
221
+ // reads the popover's height to decide whether to flip. Still no paint
222
+ // in between: tick() resolves in a microtask, before the browser
223
+ // renders.
217
224
  await tick();
218
225
  if (!wantsShow || tooltipDisabled)
219
226
  return;
220
227
  }
221
- if (!positionTooltip())
228
+ tooltipDiv?.togglePopover(true);
229
+ if (!positionTooltip()) {
230
+ tooltipDiv?.togglePopover(false);
222
231
  return;
232
+ }
223
233
  watchViewport();
224
- tooltipDiv?.togglePopover(true);
225
234
  }
226
235
  </script>
227
236
 
@@ -253,13 +262,6 @@ async function showPopover() {
253
262
  {/if}
254
263
  {/if}
255
264
  </div>
256
- <div class="tooltip invisible measure" bind:this={tooltipMeasurementDiv}>
257
- {#if hasRendered}
258
- {#if tooltip}{@render tooltip()}{:else}
259
- {tooltipText}
260
- {/if}
261
- {/if}
262
- </div>
263
265
  </div>
264
266
  {:else}
265
267
  <!-- svelte-ignore a11y_no_static_element_interactions -->
@@ -289,17 +291,36 @@ async function showPopover() {
289
291
  {/if}
290
292
  {/if}
291
293
  </span>
292
- <span class="tooltip invisible measure" bind:this={tooltipMeasurementDiv}>
293
- {#if hasRendered}
294
- {#if tooltip}{@render tooltip()}{:else}
295
- {tooltipText}
296
- {/if}
297
- {/if}
298
- </span>
299
294
  </span>
300
295
  {/if}
301
296
 
302
- <style>/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
297
+ <style>/* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
298
+ inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
299
+ assigned directly to a matched h1-h6 selector. Nothing in this file matches
300
+ an actual heading element anymore -- see typography-context.css (vars/), which
301
+ is the single, global, :where()-scoped rule that actually reads these vars
302
+ and applies them to real elements. That split is what lets a component
303
+ nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
304
+ nearest ancestor's heading styling: these are ordinary inherited custom
305
+ properties, so DOM proximity decides which component's values apply, not
306
+ selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
307
+ /* All six heading levels' context vars in one call -- what every
308
+ "typography container" component (Container, Card, Tile, TextLayout, ...)
309
+ includes on itself once, alongside the shared --_heading-* vars below. */
310
+ /* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
311
+ their own vars -- they're never wider than their ul/ol/dl parent's own
312
+ max-width box, so they're already bounded for free by ordinary block
313
+ layout, not by anything selector-based reaching them individually. */
314
+ /* p specifically also gets the fuller typography-props-bare treatment
315
+ (paragraph-prefixed), which -- same as in the original selector-based
316
+ version -- is declared/consumed AFTER the shared prose vars above, so it
317
+ wins for whichever properties both groups set. */
318
+ /* The first paragraph in a typography context (p:first-of-type, or a p right
319
+ after a heading) gets its own, slightly different treatment -- larger lede
320
+ text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
321
+ has to happen where the real element is, in the global consumer rule; only
322
+ the VALUES move to context vars here. */
323
+ /* Logical, not top/bottom/left/right: margin-block/margin-inline already take
303
324
  one value (both sides equal) or two (start end), so there is no separate
304
325
  "which side" prop to remember and no 4-value shorthand order to get wrong.
305
326
  Defaults to 0 on purpose -- unlike padding-props above, a margin that
@@ -448,294 +469,184 @@ async function showPopover() {
448
469
  text-indent: var(--tooltip-indent, var(--ui-indent, var(--indent, unset)));
449
470
  font-variant: var(--tooltip-font-variant, var(--ui-font-variant, var(--font-variant, unset)));
450
471
  text-align: var(--tooltip-text-align, var(--ui-text-align, var(--text-align, unset)));
451
- }
452
-
453
- .tooltip :global(p),
454
- .tooltip :global(blockquote),
455
- .tooltip :global(dl),
456
- .tooltip :global(ul),
457
- .tooltip :global(ol) {
458
- max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, 40em)));
459
- font-family: var(--tooltip-body-font-family, var(--ui-body-font-family, var(--body-font-family, var(--font-family))));
460
- line-height: var(--tooltip-line-height, var(--ui-line-height, var(--line-height, 1.5)));
461
- margin-left: auto;
462
- margin-right: auto;
463
- font-weight: var(--tooltip-body-font-weight, var(--ui-body-font-weight, var(--body-font-weight, unset)));
464
- }
465
-
466
- .tooltip :global(h1),
467
- .tooltip :global(h2),
468
- .tooltip :global(h3),
469
- .tooltip :global(h4),
470
- .tooltip :global(h5),
471
- .tooltip :global(h6) {
472
- max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, unset)));
473
- margin-left: auto;
474
- margin-right: auto;
475
- box-sizing: border-box;
476
- margin-bottom: var(--tooltip-heading-margin-bottom, var(--ui-heading-margin-bottom, var(--heading-margin-bottom, 0)));
477
- margin-top: var(--tooltip-heading-margin-top, var(--ui-heading-margin-top, var(--heading-margin-top, 1.5em)));
478
- }
479
-
480
- .tooltip :global(h1:first-child),
481
- .tooltip :global(h2:first-child),
482
- .tooltip :global(h3:first-child),
483
- .tooltip :global(h4:first-child),
484
- .tooltip :global(h5:first-child),
485
- .tooltip :global(h6:first-child) {
486
- margin-top: var(--tooltip-first-heading-margin-top, var(--ui-first-heading-margin-top, var(--first-heading-margin-top, 0)));
487
- }
488
-
489
- .tooltip :global(h1) {
490
- --_heading-color: var(--tooltip-heading-1-fg, var(--ui-heading-1-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
491
- color: var(--_heading-color);
492
- --_heading-background: var(--tooltip-heading-1-bg, var(--ui-heading-1-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
493
- background: var(--_heading-background);
494
- --_heading-padding: var(--tooltip-heading-1-padding, var(--ui-heading-1-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
495
- padding: var(--_heading-padding);
496
- --_heading-border: var(--tooltip-heading-1-border, var(--ui-heading-1-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
497
- border: var(--_heading-border);
498
- border-width: var(--tooltip-heading-1-border-width, var(--ui-heading-1-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
499
- border-style: var(--tooltip-heading-1-border-style, var(--ui-heading-1-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
500
- border-color: var(--tooltip-heading-1-border-color, var(--ui-heading-1-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
501
- --_heading-border-radius: var(--tooltip-heading-1-border-radius, var(--ui-heading-1-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
502
- border-radius: var(--_heading-border-radius);
503
- --_heading-box-shadow: var(--tooltip-heading-1-box-shadow, var(--ui-heading-1-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
504
- box-shadow: var(--_heading-box-shadow);
505
- font-family: var(--tooltip-heading-1-font-family, var(--ui-heading-1-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
506
- text-transform: var(--tooltip-heading-1-text-transform, var(--ui-heading-1-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
507
- text-decoration: var(--tooltip-heading-1-text-decoration, var(--ui-heading-1-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
508
- font-size: var(--tooltip-heading-1-font-size, var(--ui-heading-1-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
509
- font-weight: var(--tooltip-heading-1-font-weight, var(--ui-heading-1-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
510
- line-height: var(--tooltip-heading-1-line-height, var(--ui-heading-1-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
511
- letter-spacing: var(--tooltip-heading-1-letter-spacing, var(--ui-heading-1-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
512
- text-indent: var(--tooltip-heading-1-indent, var(--ui-heading-1-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
513
- font-variant: var(--tooltip-heading-1-font-variant, var(--ui-heading-1-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
514
- text-align: var(--tooltip-heading-1-text-align, var(--ui-heading-1-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
515
- }
516
-
517
- .tooltip :global(h2) {
518
- --_heading-color: var(--tooltip-heading-2-fg, var(--ui-heading-2-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
519
- color: var(--_heading-color);
520
- --_heading-background: var(--tooltip-heading-2-bg, var(--ui-heading-2-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
521
- background: var(--_heading-background);
522
- --_heading-padding: var(--tooltip-heading-2-padding, var(--ui-heading-2-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
523
- padding: var(--_heading-padding);
524
- --_heading-border: var(--tooltip-heading-2-border, var(--ui-heading-2-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
525
- border: var(--_heading-border);
526
- border-width: var(--tooltip-heading-2-border-width, var(--ui-heading-2-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
527
- border-style: var(--tooltip-heading-2-border-style, var(--ui-heading-2-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
528
- border-color: var(--tooltip-heading-2-border-color, var(--ui-heading-2-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
529
- --_heading-border-radius: var(--tooltip-heading-2-border-radius, var(--ui-heading-2-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
530
- border-radius: var(--_heading-border-radius);
531
- --_heading-box-shadow: var(--tooltip-heading-2-box-shadow, var(--ui-heading-2-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
532
- box-shadow: var(--_heading-box-shadow);
533
- font-family: var(--tooltip-heading-2-font-family, var(--ui-heading-2-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
534
- text-transform: var(--tooltip-heading-2-text-transform, var(--ui-heading-2-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
535
- text-decoration: var(--tooltip-heading-2-text-decoration, var(--ui-heading-2-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
536
- font-size: var(--tooltip-heading-2-font-size, var(--ui-heading-2-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
537
- font-weight: var(--tooltip-heading-2-font-weight, var(--ui-heading-2-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
538
- line-height: var(--tooltip-heading-2-line-height, var(--ui-heading-2-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
539
- letter-spacing: var(--tooltip-heading-2-letter-spacing, var(--ui-heading-2-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
540
- text-indent: var(--tooltip-heading-2-indent, var(--ui-heading-2-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
541
- font-variant: var(--tooltip-heading-2-font-variant, var(--ui-heading-2-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
542
- text-align: var(--tooltip-heading-2-text-align, var(--ui-heading-2-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
543
- }
544
-
545
- .tooltip :global(h3) {
546
- --_heading-color: var(--tooltip-heading-3-fg, var(--ui-heading-3-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
547
- color: var(--_heading-color);
548
- --_heading-background: var(--tooltip-heading-3-bg, var(--ui-heading-3-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
549
- background: var(--_heading-background);
550
- --_heading-padding: var(--tooltip-heading-3-padding, var(--ui-heading-3-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
551
- padding: var(--_heading-padding);
552
- --_heading-border: var(--tooltip-heading-3-border, var(--ui-heading-3-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
553
- border: var(--_heading-border);
554
- border-width: var(--tooltip-heading-3-border-width, var(--ui-heading-3-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
555
- border-style: var(--tooltip-heading-3-border-style, var(--ui-heading-3-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
556
- border-color: var(--tooltip-heading-3-border-color, var(--ui-heading-3-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
557
- --_heading-border-radius: var(--tooltip-heading-3-border-radius, var(--ui-heading-3-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
558
- border-radius: var(--_heading-border-radius);
559
- --_heading-box-shadow: var(--tooltip-heading-3-box-shadow, var(--ui-heading-3-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
560
- box-shadow: var(--_heading-box-shadow);
561
- font-family: var(--tooltip-heading-3-font-family, var(--ui-heading-3-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
562
- text-transform: var(--tooltip-heading-3-text-transform, var(--ui-heading-3-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
563
- text-decoration: var(--tooltip-heading-3-text-decoration, var(--ui-heading-3-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
564
- font-size: var(--tooltip-heading-3-font-size, var(--ui-heading-3-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
565
- font-weight: var(--tooltip-heading-3-font-weight, var(--ui-heading-3-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
566
- line-height: var(--tooltip-heading-3-line-height, var(--ui-heading-3-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
567
- letter-spacing: var(--tooltip-heading-3-letter-spacing, var(--ui-heading-3-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
568
- text-indent: var(--tooltip-heading-3-indent, var(--ui-heading-3-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
569
- font-variant: var(--tooltip-heading-3-font-variant, var(--ui-heading-3-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
570
- text-align: var(--tooltip-heading-3-text-align, var(--ui-heading-3-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
571
- }
572
-
573
- .tooltip :global(h4) {
574
- --_heading-color: var(--tooltip-heading-4-fg, var(--ui-heading-4-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
575
- color: var(--_heading-color);
576
- --_heading-background: var(--tooltip-heading-4-bg, var(--ui-heading-4-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
577
- background: var(--_heading-background);
578
- --_heading-padding: var(--tooltip-heading-4-padding, var(--ui-heading-4-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
579
- padding: var(--_heading-padding);
580
- --_heading-border: var(--tooltip-heading-4-border, var(--ui-heading-4-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
581
- border: var(--_heading-border);
582
- border-width: var(--tooltip-heading-4-border-width, var(--ui-heading-4-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
583
- border-style: var(--tooltip-heading-4-border-style, var(--ui-heading-4-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
584
- border-color: var(--tooltip-heading-4-border-color, var(--ui-heading-4-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
585
- --_heading-border-radius: var(--tooltip-heading-4-border-radius, var(--ui-heading-4-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
586
- border-radius: var(--_heading-border-radius);
587
- --_heading-box-shadow: var(--tooltip-heading-4-box-shadow, var(--ui-heading-4-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
588
- box-shadow: var(--_heading-box-shadow);
589
- font-family: var(--tooltip-heading-4-font-family, var(--ui-heading-4-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
590
- text-transform: var(--tooltip-heading-4-text-transform, var(--ui-heading-4-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
591
- text-decoration: var(--tooltip-heading-4-text-decoration, var(--ui-heading-4-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
592
- font-size: var(--tooltip-heading-4-font-size, var(--ui-heading-4-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
593
- font-weight: var(--tooltip-heading-4-font-weight, var(--ui-heading-4-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
594
- line-height: var(--tooltip-heading-4-line-height, var(--ui-heading-4-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
595
- letter-spacing: var(--tooltip-heading-4-letter-spacing, var(--ui-heading-4-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
596
- text-indent: var(--tooltip-heading-4-indent, var(--ui-heading-4-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
597
- font-variant: var(--tooltip-heading-4-font-variant, var(--ui-heading-4-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
598
- text-align: var(--tooltip-heading-4-text-align, var(--ui-heading-4-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
599
- }
600
-
601
- .tooltip :global(h5) {
602
- --_heading-color: var(--tooltip-heading-5-fg, var(--ui-heading-5-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
603
- color: var(--_heading-color);
604
- --_heading-background: var(--tooltip-heading-5-bg, var(--ui-heading-5-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
605
- background: var(--_heading-background);
606
- --_heading-padding: var(--tooltip-heading-5-padding, var(--ui-heading-5-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
607
- padding: var(--_heading-padding);
608
- --_heading-border: var(--tooltip-heading-5-border, var(--ui-heading-5-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
609
- border: var(--_heading-border);
610
- border-width: var(--tooltip-heading-5-border-width, var(--ui-heading-5-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
611
- border-style: var(--tooltip-heading-5-border-style, var(--ui-heading-5-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
612
- border-color: var(--tooltip-heading-5-border-color, var(--ui-heading-5-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
613
- --_heading-border-radius: var(--tooltip-heading-5-border-radius, var(--ui-heading-5-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
614
- border-radius: var(--_heading-border-radius);
615
- --_heading-box-shadow: var(--tooltip-heading-5-box-shadow, var(--ui-heading-5-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
616
- box-shadow: var(--_heading-box-shadow);
617
- font-family: var(--tooltip-heading-5-font-family, var(--ui-heading-5-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
618
- text-transform: var(--tooltip-heading-5-text-transform, var(--ui-heading-5-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
619
- text-decoration: var(--tooltip-heading-5-text-decoration, var(--ui-heading-5-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
620
- font-size: var(--tooltip-heading-5-font-size, var(--ui-heading-5-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
621
- font-weight: var(--tooltip-heading-5-font-weight, var(--ui-heading-5-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
622
- line-height: var(--tooltip-heading-5-line-height, var(--ui-heading-5-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
623
- letter-spacing: var(--tooltip-heading-5-letter-spacing, var(--ui-heading-5-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
624
- text-indent: var(--tooltip-heading-5-indent, var(--ui-heading-5-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
625
- font-variant: var(--tooltip-heading-5-font-variant, var(--ui-heading-5-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
626
- text-align: var(--tooltip-heading-5-text-align, var(--ui-heading-5-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
627
- }
628
-
629
- .tooltip :global(h6) {
630
- --_heading-color: var(--tooltip-heading-6-fg, var(--ui-heading-6-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
631
- color: var(--_heading-color);
632
- --_heading-background: var(--tooltip-heading-6-bg, var(--ui-heading-6-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
633
- background: var(--_heading-background);
634
- --_heading-padding: var(--tooltip-heading-6-padding, var(--ui-heading-6-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
635
- padding: var(--_heading-padding);
636
- --_heading-border: var(--tooltip-heading-6-border, var(--ui-heading-6-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
637
- border: var(--_heading-border);
638
- border-width: var(--tooltip-heading-6-border-width, var(--ui-heading-6-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
639
- border-style: var(--tooltip-heading-6-border-style, var(--ui-heading-6-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
640
- border-color: var(--tooltip-heading-6-border-color, var(--ui-heading-6-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
641
- --_heading-border-radius: var(--tooltip-heading-6-border-radius, var(--ui-heading-6-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
642
- border-radius: var(--_heading-border-radius);
643
- --_heading-box-shadow: var(--tooltip-heading-6-box-shadow, var(--ui-heading-6-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
644
- box-shadow: var(--_heading-box-shadow);
645
- font-family: var(--tooltip-heading-6-font-family, var(--ui-heading-6-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
646
- text-transform: var(--tooltip-heading-6-text-transform, var(--ui-heading-6-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
647
- text-decoration: var(--tooltip-heading-6-text-decoration, var(--ui-heading-6-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
648
- font-size: var(--tooltip-heading-6-font-size, var(--ui-heading-6-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
649
- font-weight: var(--tooltip-heading-6-font-weight, var(--ui-heading-6-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
650
- line-height: var(--tooltip-heading-6-line-height, var(--ui-heading-6-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
651
- letter-spacing: var(--tooltip-heading-6-letter-spacing, var(--ui-heading-6-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
652
- text-indent: var(--tooltip-heading-6-indent, var(--ui-heading-6-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
653
- font-variant: var(--tooltip-heading-6-font-variant, var(--ui-heading-6-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
654
- text-align: var(--tooltip-heading-6-text-align, var(--ui-heading-6-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
655
- }
656
-
657
- .tooltip :global(p) {
658
- font-family: var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)));
659
- text-transform: var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
660
- text-decoration: var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
661
- --_font-size: var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit)));
662
- font-size: var(--_font-size);
663
- font-weight: var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
664
- line-height: var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit)));
665
- letter-spacing: var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
666
- text-indent: var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)));
667
- font-variant: var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
668
- text-align: var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)));
669
- }
670
-
671
- .tooltip :global(p:first-of-type),
672
- .tooltip :global(h1 + p),
673
- .tooltip :global(h2 + p),
674
- .tooltip :global(h3 + p),
675
- .tooltip :global(h4 + p),
676
- .tooltip :global(h5 + p),
677
- .tooltip :global(h6 + p) {
678
- font-family: var(--tooltip-first-paragraph-font-family, var(--ui-first-paragraph-font-family, var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))));
679
- text-transform: var(--tooltip-first-paragraph-text-transform, var(--ui-first-paragraph-text-transform, var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))));
680
- text-decoration: var(--tooltip-first-paragraph-text-decoration, var(--ui-first-paragraph-text-decoration, var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))));
681
- --_font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))));
682
- font-size: var(--_font-size);
683
- font-weight: var(--tooltip-first-paragraph-font-weight, var(--ui-first-paragraph-font-weight, var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))));
684
- line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))));
685
- letter-spacing: var(--tooltip-first-paragraph-letter-spacing, var(--ui-first-paragraph-letter-spacing, var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))));
686
- text-indent: var(--tooltip-first-paragraph-indent, var(--ui-first-paragraph-indent, var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))));
687
- font-variant: var(--tooltip-first-paragraph-font-variant, var(--ui-first-paragraph-font-variant, var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))));
688
- text-align: var(--tooltip-first-paragraph-text-align, var(--ui-first-paragraph-text-align, var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))));
689
- font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit))))));
690
- line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit))))));
691
- margin-block-start: var(--tooltip-first-paragraph-margin-top, var(--ui-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
692
- }
693
-
694
- .tooltip :global(p:first-of-type::first-line),
695
- .tooltip :global(h1 + p::first-line),
696
- .tooltip :global(h2 + p::first-line),
697
- .tooltip :global(h3 + p::first-line),
698
- .tooltip :global(h4 + p::first-line),
699
- .tooltip :global(h5 + p::first-line),
700
- .tooltip :global(h6 + p::first-line) {
701
- font-family: var(--first-line-font-family, var(--tooltip-first-line-font-family, var(--ui-first-line-font-family, var(--first-line-font-family, inherit))));
702
- text-transform: var(--first-line-text-transform, var(--tooltip-first-line-text-transform, var(--ui-first-line-text-transform, var(--first-line-text-transform, inherit))));
703
- text-decoration: var(--first-line-text-decoration, var(--tooltip-first-line-text-decoration, var(--ui-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
704
- --_font-size: var(--first-line-font-size, var(--tooltip-first-line-font-size, var(--ui-first-line-font-size, var(--first-line-font-size, inherit))));
705
- font-size: var(--_font-size);
706
- font-weight: var(--first-line-font-weight, var(--tooltip-first-line-font-weight, var(--ui-first-line-font-weight, var(--first-line-font-weight, inherit))));
707
- line-height: var(--first-line-line-height, var(--tooltip-first-line-line-height, var(--ui-first-line-line-height, var(--first-line-line-height, inherit))));
708
- letter-spacing: var(--first-line-letter-spacing, var(--tooltip-first-line-letter-spacing, var(--ui-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
709
- text-indent: var(--first-line-indent, var(--tooltip-first-line-indent, var(--ui-first-line-indent, var(--first-line-indent, inherit))));
710
- font-variant: var(--first-line-font-variant, var(--tooltip-first-line-font-variant, var(--ui-first-line-font-variant, var(--first-line-font-variant, inherit))));
711
- text-align: var(--first-line-text-align, var(--tooltip-first-line-text-align, var(--ui-first-line-text-align, var(--first-line-text-align, inherit))));
712
- }
713
-
714
- .tooltip :global(p:first-of-type::first-letter),
715
- .tooltip :global(h1 + p::first-letter),
716
- .tooltip :global(h2 + p::first-letter),
717
- .tooltip :global(h3 + p::first-letter),
718
- .tooltip :global(h4 + p::first-letter),
719
- .tooltip :global(h5 + p::first-letter),
720
- .tooltip :global(h6 + p::first-letter) {
721
- font-family: var(--first-letter-font-family, var(--tooltip-first-letter-font-family, var(--ui-first-letter-font-family, inherit)));
722
- text-transform: var(--first-letter-text-transform, var(--tooltip-first-letter-text-transform, var(--ui-first-letter-text-transform, inherit)));
723
- text-decoration: var(--first-letter-text-decoration, var(--tooltip-first-letter-text-decoration, var(--ui-first-letter-text-decoration, inherit)));
724
- --_font-size: var(--first-letter-font-size, var(--tooltip-first-letter-font-size, var(--ui-first-letter-font-size, inherit)));
725
- font-size: var(--_font-size);
726
- font-weight: var(--first-letter-font-weight, var(--tooltip-first-letter-font-weight, var(--ui-first-letter-font-weight, inherit)));
727
- line-height: var(--first-letter-line-height, var(--tooltip-first-letter-line-height, var(--ui-first-letter-line-height, inherit)));
728
- letter-spacing: var(--first-letter-letter-spacing, var(--tooltip-first-letter-letter-spacing, var(--ui-first-letter-letter-spacing, inherit)));
729
- text-indent: var(--first-letter-indent, var(--tooltip-first-letter-indent, var(--ui-first-letter-indent, inherit)));
730
- font-variant: var(--first-letter-font-variant, var(--tooltip-first-letter-font-variant, var(--ui-first-letter-font-variant, inherit)));
731
- text-align: var(--first-letter-text-align, var(--tooltip-first-letter-text-align, var(--ui-first-letter-text-align, inherit)));
732
- --link-bg: var(--tooltip-link-bg, var(--ui-link-bg, inherit));
733
- --link-fg: var(--tooltip-link-fg, var(--ui-link-fg, inherit));
734
- background: var(--tooltip-first-letter-bg, var(--first-letter-bg, inherit));
735
- color: var(--tooltip-first-letter-fg, var(--first-letter-fg, inherit));
736
- float: var(--first-letter-float, none);
737
- margin-right: var(--first-letter-margin-right, 0);
738
- padding-top: var(--first-letter-padding-top, 0);
472
+ --_prose-max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, 40em)));
473
+ --_prose-font-family: var(--tooltip-body-font-family, var(--ui-body-font-family, var(--body-font-family, var(--font-family))));
474
+ --_prose-line-height: var(--tooltip-line-height, var(--ui-line-height, var(--line-height, 1.5)));
475
+ /* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
476
+ against its container's leading edge like any other block. Centring the
477
+ measure is what a prose column asks for, and TextLayout -- the one
478
+ component that IS a prose column -- opts back in to `auto`. */
479
+ --_prose-margin-inline: var(--tooltip-prose-margin-inline, var(--ui-prose-margin-inline, var(--prose-margin-inline, 0)));
480
+ --_prose-font-weight: var(--tooltip-body-font-weight, var(--ui-body-font-weight, var(--body-font-weight, unset)));
481
+ --_paragraph-font-family: var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)));
482
+ --_paragraph-text-transform: var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
483
+ --_paragraph-text-decoration: var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
484
+ --_paragraph-font-size: var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit)));
485
+ --_paragraph-font-weight: var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
486
+ --_paragraph-line-height: var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit)));
487
+ --_paragraph-letter-spacing: var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
488
+ --_paragraph-text-indent: var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)));
489
+ --_paragraph-font-variant: var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
490
+ --_paragraph-text-align: var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)));
491
+ --_first-paragraph-font-family: var(--tooltip-first-paragraph-font-family, var(--ui-first-paragraph-font-family, var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)))));
492
+ --_first-paragraph-text-transform: var(--tooltip-first-paragraph-text-transform, var(--ui-first-paragraph-text-transform, var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)))));
493
+ --_first-paragraph-text-decoration: var(--tooltip-first-paragraph-text-decoration, var(--ui-first-paragraph-text-decoration, var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))));
494
+ --_first-paragraph-font-weight: var(--tooltip-first-paragraph-font-weight, var(--ui-first-paragraph-font-weight, var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)))));
495
+ --_first-paragraph-letter-spacing: var(--tooltip-first-paragraph-letter-spacing, var(--ui-first-paragraph-letter-spacing, var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))));
496
+ --_first-paragraph-text-indent: var(--tooltip-first-paragraph-indent, var(--ui-first-paragraph-indent, var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)))));
497
+ --_first-paragraph-font-variant: var(--tooltip-first-paragraph-font-variant, var(--ui-first-paragraph-font-variant, var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)))));
498
+ --_first-paragraph-text-align: var(--tooltip-first-paragraph-text-align, var(--ui-first-paragraph-text-align, var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)))));
499
+ --_first-paragraph-font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit))))));
500
+ --_first-paragraph-line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit))))));
501
+ --_first-paragraph-margin-top: var(--tooltip-first-paragraph-margin-top, var(--ui-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
502
+ --_first-line-font-family: var(--first-line-font-family, var(--tooltip-first-line-font-family, var(--ui-first-line-font-family, var(--first-line-font-family, inherit))));
503
+ --_first-line-text-transform: var(--first-line-text-transform, var(--tooltip-first-line-text-transform, var(--ui-first-line-text-transform, var(--first-line-text-transform, inherit))));
504
+ --_first-line-text-decoration: var(--first-line-text-decoration, var(--tooltip-first-line-text-decoration, var(--ui-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
505
+ --_first-line-font-size: var(--first-line-font-size, var(--tooltip-first-line-font-size, var(--ui-first-line-font-size, var(--first-line-font-size, inherit))));
506
+ --_first-line-font-weight: var(--first-line-font-weight, var(--tooltip-first-line-font-weight, var(--ui-first-line-font-weight, var(--first-line-font-weight, inherit))));
507
+ --_first-line-line-height: var(--first-line-line-height, var(--tooltip-first-line-line-height, var(--ui-first-line-line-height, var(--first-line-line-height, inherit))));
508
+ --_first-line-letter-spacing: var(--first-line-letter-spacing, var(--tooltip-first-line-letter-spacing, var(--ui-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
509
+ --_first-line-text-indent: var(--first-line-indent, var(--tooltip-first-line-indent, var(--ui-first-line-indent, var(--first-line-indent, inherit))));
510
+ --_first-line-font-variant: var(--first-line-font-variant, var(--tooltip-first-line-font-variant, var(--ui-first-line-font-variant, var(--first-line-font-variant, inherit))));
511
+ --_first-line-text-align: var(--first-line-text-align, var(--tooltip-first-line-text-align, var(--ui-first-line-text-align, var(--first-line-text-align, inherit))));
512
+ --_first-letter-font-family: var(--first-letter-font-family, var(--tooltip-first-letter-font-family, var(--ui-first-letter-font-family, inherit)));
513
+ --_first-letter-text-transform: var(--first-letter-text-transform, var(--tooltip-first-letter-text-transform, var(--ui-first-letter-text-transform, inherit)));
514
+ --_first-letter-text-decoration: var(--first-letter-text-decoration, var(--tooltip-first-letter-text-decoration, var(--ui-first-letter-text-decoration, inherit)));
515
+ --_first-letter-font-size: var(--first-letter-font-size, var(--tooltip-first-letter-font-size, var(--ui-first-letter-font-size, inherit)));
516
+ --_first-letter-font-weight: var(--first-letter-font-weight, var(--tooltip-first-letter-font-weight, var(--ui-first-letter-font-weight, inherit)));
517
+ --_first-letter-line-height: var(--first-letter-line-height, var(--tooltip-first-letter-line-height, var(--ui-first-letter-line-height, inherit)));
518
+ --_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--tooltip-first-letter-letter-spacing, var(--ui-first-letter-letter-spacing, inherit)));
519
+ --_first-letter-text-indent: var(--first-letter-indent, var(--tooltip-first-letter-indent, var(--ui-first-letter-indent, inherit)));
520
+ --_first-letter-font-variant: var(--first-letter-font-variant, var(--tooltip-first-letter-font-variant, var(--ui-first-letter-font-variant, inherit)));
521
+ --_first-letter-text-align: var(--first-letter-text-align, var(--tooltip-first-letter-text-align, var(--ui-first-letter-text-align, inherit)));
522
+ --_first-letter-link-bg: var(--tooltip-link-bg, var(--ui-link-bg, inherit));
523
+ --_first-letter-link-fg: var(--tooltip-link-fg, var(--ui-link-fg, inherit));
524
+ --_first-letter-background: var(--tooltip-first-letter-bg, var(--first-letter-bg, inherit));
525
+ --_first-letter-color: var(--tooltip-first-letter-fg, var(--first-letter-fg, inherit));
526
+ /* Private context vars only -- consumed once, globally, by the :where()
527
+ rule in vars/typography-context.css, not by a selector matching h1-h6 here.
528
+ See the comment above heading-box-context-vars(). */
529
+ --_heading-max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, unset)));
530
+ /* Same as --_prose-margin-inline: start-aligned in a container, centred
531
+ only by TextLayout. */
532
+ --_heading-margin-inline: var(--tooltip-heading-margin-inline, var(--ui-heading-margin-inline, var(--heading-margin-inline, 0)));
533
+ --_heading-margin-bottom: var(--tooltip-heading-margin-bottom, var(--ui-heading-margin-bottom, var(--heading-margin-bottom, 0)));
534
+ --_heading-margin-top: var(--tooltip-heading-margin-top, var(--ui-heading-margin-top, var(--heading-margin-top, 1.5em)));
535
+ --_heading-first-margin-top: var(--tooltip-first-heading-margin-top, var(--ui-first-heading-margin-top, var(--first-heading-margin-top, 0)));
536
+ --_h1-color: var(--tooltip-heading-1-fg, var(--ui-heading-1-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
537
+ --_h1-background: var(--tooltip-heading-1-bg, var(--ui-heading-1-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
538
+ --_h1-padding: var(--tooltip-heading-1-padding, var(--ui-heading-1-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
539
+ --_h1-border: var(--tooltip-heading-1-border, var(--ui-heading-1-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
540
+ --_h1-border-width: var(--tooltip-heading-1-border-width, var(--ui-heading-1-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
541
+ --_h1-border-style: var(--tooltip-heading-1-border-style, var(--ui-heading-1-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
542
+ --_h1-border-color: var(--tooltip-heading-1-border-color, var(--ui-heading-1-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
543
+ --_h1-border-radius: var(--tooltip-heading-1-border-radius, var(--ui-heading-1-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
544
+ --_h1-box-shadow: var(--tooltip-heading-1-box-shadow, var(--ui-heading-1-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
545
+ --_h1-font-family: var(--tooltip-heading-1-font-family, var(--ui-heading-1-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
546
+ --_h1-text-transform: var(--tooltip-heading-1-text-transform, var(--ui-heading-1-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
547
+ --_h1-text-decoration: var(--tooltip-heading-1-text-decoration, var(--ui-heading-1-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
548
+ --_h1-font-size: var(--tooltip-heading-1-font-size, var(--ui-heading-1-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
549
+ --_h1-font-weight: var(--tooltip-heading-1-font-weight, var(--ui-heading-1-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
550
+ --_h1-line-height: var(--tooltip-heading-1-line-height, var(--ui-heading-1-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
551
+ --_h1-letter-spacing: var(--tooltip-heading-1-letter-spacing, var(--ui-heading-1-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
552
+ --_h1-text-indent: var(--tooltip-heading-1-indent, var(--ui-heading-1-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
553
+ --_h1-font-variant: var(--tooltip-heading-1-font-variant, var(--ui-heading-1-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
554
+ --_h1-text-align: var(--tooltip-heading-1-text-align, var(--ui-heading-1-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
555
+ --_h2-color: var(--tooltip-heading-2-fg, var(--ui-heading-2-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
556
+ --_h2-background: var(--tooltip-heading-2-bg, var(--ui-heading-2-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
557
+ --_h2-padding: var(--tooltip-heading-2-padding, var(--ui-heading-2-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
558
+ --_h2-border: var(--tooltip-heading-2-border, var(--ui-heading-2-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
559
+ --_h2-border-width: var(--tooltip-heading-2-border-width, var(--ui-heading-2-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
560
+ --_h2-border-style: var(--tooltip-heading-2-border-style, var(--ui-heading-2-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
561
+ --_h2-border-color: var(--tooltip-heading-2-border-color, var(--ui-heading-2-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
562
+ --_h2-border-radius: var(--tooltip-heading-2-border-radius, var(--ui-heading-2-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
563
+ --_h2-box-shadow: var(--tooltip-heading-2-box-shadow, var(--ui-heading-2-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
564
+ --_h2-font-family: var(--tooltip-heading-2-font-family, var(--ui-heading-2-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
565
+ --_h2-text-transform: var(--tooltip-heading-2-text-transform, var(--ui-heading-2-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
566
+ --_h2-text-decoration: var(--tooltip-heading-2-text-decoration, var(--ui-heading-2-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
567
+ --_h2-font-size: var(--tooltip-heading-2-font-size, var(--ui-heading-2-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
568
+ --_h2-font-weight: var(--tooltip-heading-2-font-weight, var(--ui-heading-2-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
569
+ --_h2-line-height: var(--tooltip-heading-2-line-height, var(--ui-heading-2-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
570
+ --_h2-letter-spacing: var(--tooltip-heading-2-letter-spacing, var(--ui-heading-2-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
571
+ --_h2-text-indent: var(--tooltip-heading-2-indent, var(--ui-heading-2-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
572
+ --_h2-font-variant: var(--tooltip-heading-2-font-variant, var(--ui-heading-2-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
573
+ --_h2-text-align: var(--tooltip-heading-2-text-align, var(--ui-heading-2-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
574
+ --_h3-color: var(--tooltip-heading-3-fg, var(--ui-heading-3-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
575
+ --_h3-background: var(--tooltip-heading-3-bg, var(--ui-heading-3-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
576
+ --_h3-padding: var(--tooltip-heading-3-padding, var(--ui-heading-3-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
577
+ --_h3-border: var(--tooltip-heading-3-border, var(--ui-heading-3-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
578
+ --_h3-border-width: var(--tooltip-heading-3-border-width, var(--ui-heading-3-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
579
+ --_h3-border-style: var(--tooltip-heading-3-border-style, var(--ui-heading-3-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
580
+ --_h3-border-color: var(--tooltip-heading-3-border-color, var(--ui-heading-3-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
581
+ --_h3-border-radius: var(--tooltip-heading-3-border-radius, var(--ui-heading-3-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
582
+ --_h3-box-shadow: var(--tooltip-heading-3-box-shadow, var(--ui-heading-3-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
583
+ --_h3-font-family: var(--tooltip-heading-3-font-family, var(--ui-heading-3-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
584
+ --_h3-text-transform: var(--tooltip-heading-3-text-transform, var(--ui-heading-3-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
585
+ --_h3-text-decoration: var(--tooltip-heading-3-text-decoration, var(--ui-heading-3-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
586
+ --_h3-font-size: var(--tooltip-heading-3-font-size, var(--ui-heading-3-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
587
+ --_h3-font-weight: var(--tooltip-heading-3-font-weight, var(--ui-heading-3-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
588
+ --_h3-line-height: var(--tooltip-heading-3-line-height, var(--ui-heading-3-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
589
+ --_h3-letter-spacing: var(--tooltip-heading-3-letter-spacing, var(--ui-heading-3-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
590
+ --_h3-text-indent: var(--tooltip-heading-3-indent, var(--ui-heading-3-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
591
+ --_h3-font-variant: var(--tooltip-heading-3-font-variant, var(--ui-heading-3-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
592
+ --_h3-text-align: var(--tooltip-heading-3-text-align, var(--ui-heading-3-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
593
+ --_h4-color: var(--tooltip-heading-4-fg, var(--ui-heading-4-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
594
+ --_h4-background: var(--tooltip-heading-4-bg, var(--ui-heading-4-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
595
+ --_h4-padding: var(--tooltip-heading-4-padding, var(--ui-heading-4-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
596
+ --_h4-border: var(--tooltip-heading-4-border, var(--ui-heading-4-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
597
+ --_h4-border-width: var(--tooltip-heading-4-border-width, var(--ui-heading-4-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
598
+ --_h4-border-style: var(--tooltip-heading-4-border-style, var(--ui-heading-4-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
599
+ --_h4-border-color: var(--tooltip-heading-4-border-color, var(--ui-heading-4-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
600
+ --_h4-border-radius: var(--tooltip-heading-4-border-radius, var(--ui-heading-4-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
601
+ --_h4-box-shadow: var(--tooltip-heading-4-box-shadow, var(--ui-heading-4-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
602
+ --_h4-font-family: var(--tooltip-heading-4-font-family, var(--ui-heading-4-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
603
+ --_h4-text-transform: var(--tooltip-heading-4-text-transform, var(--ui-heading-4-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
604
+ --_h4-text-decoration: var(--tooltip-heading-4-text-decoration, var(--ui-heading-4-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
605
+ --_h4-font-size: var(--tooltip-heading-4-font-size, var(--ui-heading-4-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
606
+ --_h4-font-weight: var(--tooltip-heading-4-font-weight, var(--ui-heading-4-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
607
+ --_h4-line-height: var(--tooltip-heading-4-line-height, var(--ui-heading-4-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
608
+ --_h4-letter-spacing: var(--tooltip-heading-4-letter-spacing, var(--ui-heading-4-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
609
+ --_h4-text-indent: var(--tooltip-heading-4-indent, var(--ui-heading-4-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
610
+ --_h4-font-variant: var(--tooltip-heading-4-font-variant, var(--ui-heading-4-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
611
+ --_h4-text-align: var(--tooltip-heading-4-text-align, var(--ui-heading-4-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
612
+ --_h5-color: var(--tooltip-heading-5-fg, var(--ui-heading-5-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
613
+ --_h5-background: var(--tooltip-heading-5-bg, var(--ui-heading-5-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
614
+ --_h5-padding: var(--tooltip-heading-5-padding, var(--ui-heading-5-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
615
+ --_h5-border: var(--tooltip-heading-5-border, var(--ui-heading-5-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
616
+ --_h5-border-width: var(--tooltip-heading-5-border-width, var(--ui-heading-5-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
617
+ --_h5-border-style: var(--tooltip-heading-5-border-style, var(--ui-heading-5-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
618
+ --_h5-border-color: var(--tooltip-heading-5-border-color, var(--ui-heading-5-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
619
+ --_h5-border-radius: var(--tooltip-heading-5-border-radius, var(--ui-heading-5-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
620
+ --_h5-box-shadow: var(--tooltip-heading-5-box-shadow, var(--ui-heading-5-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
621
+ --_h5-font-family: var(--tooltip-heading-5-font-family, var(--ui-heading-5-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
622
+ --_h5-text-transform: var(--tooltip-heading-5-text-transform, var(--ui-heading-5-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
623
+ --_h5-text-decoration: var(--tooltip-heading-5-text-decoration, var(--ui-heading-5-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
624
+ --_h5-font-size: var(--tooltip-heading-5-font-size, var(--ui-heading-5-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
625
+ --_h5-font-weight: var(--tooltip-heading-5-font-weight, var(--ui-heading-5-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
626
+ --_h5-line-height: var(--tooltip-heading-5-line-height, var(--ui-heading-5-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
627
+ --_h5-letter-spacing: var(--tooltip-heading-5-letter-spacing, var(--ui-heading-5-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
628
+ --_h5-text-indent: var(--tooltip-heading-5-indent, var(--ui-heading-5-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
629
+ --_h5-font-variant: var(--tooltip-heading-5-font-variant, var(--ui-heading-5-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
630
+ --_h5-text-align: var(--tooltip-heading-5-text-align, var(--ui-heading-5-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
631
+ --_h6-color: var(--tooltip-heading-6-fg, var(--ui-heading-6-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
632
+ --_h6-background: var(--tooltip-heading-6-bg, var(--ui-heading-6-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
633
+ --_h6-padding: var(--tooltip-heading-6-padding, var(--ui-heading-6-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
634
+ --_h6-border: var(--tooltip-heading-6-border, var(--ui-heading-6-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
635
+ --_h6-border-width: var(--tooltip-heading-6-border-width, var(--ui-heading-6-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
636
+ --_h6-border-style: var(--tooltip-heading-6-border-style, var(--ui-heading-6-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
637
+ --_h6-border-color: var(--tooltip-heading-6-border-color, var(--ui-heading-6-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
638
+ --_h6-border-radius: var(--tooltip-heading-6-border-radius, var(--ui-heading-6-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
639
+ --_h6-box-shadow: var(--tooltip-heading-6-box-shadow, var(--ui-heading-6-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
640
+ --_h6-font-family: var(--tooltip-heading-6-font-family, var(--ui-heading-6-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
641
+ --_h6-text-transform: var(--tooltip-heading-6-text-transform, var(--ui-heading-6-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
642
+ --_h6-text-decoration: var(--tooltip-heading-6-text-decoration, var(--ui-heading-6-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
643
+ --_h6-font-size: var(--tooltip-heading-6-font-size, var(--ui-heading-6-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
644
+ --_h6-font-weight: var(--tooltip-heading-6-font-weight, var(--ui-heading-6-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
645
+ --_h6-line-height: var(--tooltip-heading-6-line-height, var(--ui-heading-6-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
646
+ --_h6-letter-spacing: var(--tooltip-heading-6-letter-spacing, var(--ui-heading-6-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
647
+ --_h6-text-indent: var(--tooltip-heading-6-indent, var(--ui-heading-6-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
648
+ --_h6-font-variant: var(--tooltip-heading-6-font-variant, var(--ui-heading-6-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
649
+ --_h6-text-align: var(--tooltip-heading-6-text-align, var(--ui-heading-6-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
739
650
  }
740
651
 
741
652
  .tooltip-wrapper {
@@ -744,8 +655,8 @@ async function showPopover() {
744
655
  }
745
656
 
746
657
  /* Boxless on purpose: wrapping the target must not change its layout. The
747
- tooltip and its measurement copy live outside this element so that
748
- measuring the target's contents never picks them up. */
658
+ tooltip lives outside this element so that measuring the target's
659
+ contents never picks it up. */
749
660
  .tooltip-target {
750
661
  display: contents;
751
662
  }
@@ -778,9 +689,4 @@ async function showPopover() {
778
689
 
779
690
  .left::after {
780
691
  right: var(--tooltip-arrow-size, 8px);
781
- }
782
-
783
- .invisible {
784
- visibility: hidden;
785
- pointer-events: none;
786
692
  }</style>