npm - @aceshooting/lyra-ui - Versions diffs - 16.0.0 → 18.0.0 - Mend

@aceshooting/lyra-ui 16.0.0 → 18.0.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 (358) hide show

package/vscode-css-data.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":1.1,"properties":[{"name":"--accent-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand)`) — Accent used by focus and active states."}},{"name":"--accent-width","description":{"kind":"markdown","value":"`<lr-toast-item>` — Mapped alias for `--lr-toast-accent-width`."}},{"name":"--animation-delay","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0s`) — Delay before an icon animation starts."}},{"name":"--animation-direction","description":{"kind":"markdown","value":"`<lr-icon>` (default: `normal`) — Playback direction for icon animations."}},{"name":"--animation-duration","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-duration-icon)`) — Duration of one animation cycle.\n\n`<lr-random-content>` (default: `300ms`) — Web Awesome duration alias."}},{"name":"--animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Web Awesome easing alias."}},{"name":"--animation-iteration-count","description":{"kind":"markdown","value":"`<lr-icon>` (default: `infinite`) — Number of animation cycles."}},{"name":"--animation-timing","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-easing-emphasized)`) — Animation timing function."}},{"name":"--animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Web Awesome travel-distance alias."}},{"name":"--arrow-color","description":{"kind":"markdown","value":"`<lr-popup>` (default: `var(--lr-color-surface-raised)`) — Arrow fill."}},{"name":"--arrow-size","description":{"kind":"markdown","value":"`<lr-dropdown>` (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Arrow half-width inherited from the popover surface.\n\n`<lr-popover>` (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square.\n\n`<lr-popup>` (default: `var(--lr-popup-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square. `--lr-popup-arrow-size` remains a compatibility alias.\n\n`<lr-tooltip>` (default: `var(--lr-tooltip-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square."}},{"name":"--aside-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-aside-width`."}},{"name":"--aspect-ratio","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `16/9`) — Aspect ratio inherited by each slide.\n\n`<lr-carousel-item>` — The slide aspect ratio, inherited from an owning carousel by default."}},{"name":"--auto-size-available-height","description":{"kind":"markdown","value":"`<lr-popup>` — Read-only available block size."}},{"name":"--auto-size-available-width","description":{"kind":"markdown","value":"`<lr-popup>` — Read-only available inline size."}},{"name":"--backdrop-filter","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-backdrop-filter,none)`) — Mapped backdrop-filter alias."}},{"name":"--background-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface)`) — Grid background."}},{"name":"--banner-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-banner-height`."}},{"name":"--beat-fade-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Lowest opacity during `beat-fade`."}},{"name":"--beat-fade-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.25`) — Peak scale during `beat-fade`."}},{"name":"--beat-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.25`) — Scale multiplier for `beat` and `spin-pulse`."}},{"name":"--body-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Shoelace body padding override.\n\n`<lr-drawer>` — Shoelace body padding."}},{"name":"--border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-border)`) — Shoelace-compatible border color.\n\n`<lr-data-grid>` (default: `var(--lr-color-border)`) — Grid and cell border color."}},{"name":"--border-color-1","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-1)`) — First dataset border color."}},{"name":"--border-color-2","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-2)`) — Second dataset border color."}},{"name":"--border-color-3","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-3)`) — Third dataset border color."}},{"name":"--border-color-4","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-4)`) — Fourth dataset border color."}},{"name":"--border-color-5","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-5)`) — Fifth dataset border color."}},{"name":"--border-color-6","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-6)`) — Sixth dataset border color."}},{"name":"--border-radius","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-radius)`) — Dataset element corner radius.\n\n`<lr-card>` (default: `var(--lr-radius)`) — Shoelace-compatible corner radius.\n\n`<lr-data-grid>` (default: `var(--lr-radius)`) — Outer and control corner radius.\n\n`<lr-skeleton>` (default: `var(--lr-skeleton-border-radius)`) — Shoelace-compatible corner radius."}},{"name":"--border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Dataset element border width.\n\n`<lr-card>` (default: `var(--lr-border-width-thin)`) — Shoelace-compatible border width.\n\n`<lr-data-grid>` (default: `var(--lr-border-width-thin)`) — Grid and cell border width."}},{"name":"--bounce-anticipation","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Downward offset before a bounce."}},{"name":"--bounce-height","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-0-5em)-1)`) — Peak bounce height."}},{"name":"--bounce-jump-scale-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `0.95`) — Horizontal scale at the top of a bounce."}},{"name":"--bounce-jump-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.05`) — Vertical scale at the top of a bounce."}},{"name":"--bounce-land-scale-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.08`) — Horizontal scale while landing."}},{"name":"--bounce-land-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.92`) — Vertical scale while landing."}},{"name":"--bounce-rebound","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-1em)-0.1)`) — Landing rebound distance."}},{"name":"--bounce-start-scale-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `1`) — Initial horizontal bounce scale."}},{"name":"--bounce-start-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Initial vertical bounce scale."}},{"name":"--buzz-distance","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-1em)0.12)`) — Horizontal buzz travel."}},{"name":"--cell-padding","description":{"kind":"markdown","value":"`<lr-data-grid>`* (default: `var(--lr-space-m)`) — Header, cell, and footer padding."}},{"name":"--checked-icon-color","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `currentColor`) — WA-compatible color of the checked or indeterminate glyph.\n\n`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-radio-checked-dot-color)`) — WA-compatible selected-glyph color alias."}},{"name":"--checked-icon-scale","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `1`) — WA-compatible scale of the checked or indeterminate glyph.\n\n`<lr-radio>`, `<lr-radio-button>` (default: `1`) — WA-compatible selected-glyph scale alias."}},{"name":"--color","description":{"kind":"markdown","value":"`<lr-divider>` (default: `var(--lr-color-border)`) — Separator color.\n\n`<lr-skeleton>` (default: `var(--lr-skeleton-color)`) — Upstream-compatible placeholder color."}},{"name":"--column-item-height","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `calc(var(--lr-size-1em)2.25)`) — Picker row height."}},{"name":"--column-width","description":{"kind":"markdown","value":"`<lr-time-input>`* (default: `calc(var(--lr-size-1em)3)`) — Picker column width."}},{"name":"--control-box-size","description":{"kind":"markdown","value":"`<lr-animated-image>`* — Upstream-compatible alias for `--lr-animated-image-control-box-size`."}},{"name":"--controls-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-overlay-strong)`) — Controls, captions, and title overlay background."}},{"name":"--controls-color","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-on-strong-overlay)`) — Custom-control foreground color. The poster play action defaults to `var(--lr-color-text)` against its surface background."}},{"name":"--current-text-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-text)`) — Text color while the option is `current`."}},{"name":"--divider-hit-area","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `12px`) — Requested divider hit area; Lyra's minimum hit-area token remains the floor."}},{"name":"--divider-width","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--lr-size-1px)`) — Retained Shoelace-compat source for `--lr-image-comparer-divider-width`.\n\n`<lr-split-panel>` (default: `4px`) — Visible divider thickness."}},{"name":"--easing","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-easing`."}},{"name":"--error-color","description":{"kind":"markdown","value":"`<lr-copy-button>` (default: `var(--lr-color-danger)`) — Error-state icon color."}},{"name":"--fade-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Lowest opacity during `fade` and `spin-pulse`."}},{"name":"--fill-color","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-color-brand-quiet)`) — Area fill color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--fill-color-1","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-1)`) — First dataset fill color."}},{"name":"--fill-color-2","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-2)`) — Second dataset fill color."}},{"name":"--fill-color-3","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-3)`) — Third dataset fill color."}},{"name":"--fill-color-4","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-4)`) — Fourth dataset fill color."}},{"name":"--fill-color-5","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-5)`) — Fifth dataset fill color."}},{"name":"--fill-color-6","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-6)`) — Sixth dataset fill color."}},{"name":"--flip-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `180deg`) — Rotation angle for flip treatments."}},{"name":"--flip-anticipation-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.9`) — Wind-up scale before a flip."}},{"name":"--flip-overshoot","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0deg`) — Extra angle before a flip settles."}},{"name":"--flip-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — X coordinate of the flip rotation axis."}},{"name":"--flip-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Y coordinate of the flip rotation axis."}},{"name":"--flip-z","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Z coordinate of the flip rotation axis."}},{"name":"--float-drift","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Horizontal float drift."}},{"name":"--float-height","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-0-5em)-1)`) — Float rise height."}},{"name":"--float-squash-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `1.04`) — Resting horizontal float scale."}},{"name":"--float-squash-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.96`) — Resting vertical float scale."}},{"name":"--float-stretch-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.96`) — Peak horizontal float scale."}},{"name":"--float-stretch-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.04`) — Peak vertical float scale."}},{"name":"--float-tilt","description":{"kind":"markdown","value":"`<lr-icon>` (default: `4deg`) — Rotation at the float peak."}},{"name":"--focus-ring","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-focus-ring-width) solid var(--lr-focus-ring-color)`) — Focus ring."}},{"name":"--footer-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Shoelace footer padding override.\n\n`<lr-drawer>` — Shoelace footer padding."}},{"name":"--gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `var(--lr-checkbox-group-option-gap)`) — WA-compatible option gap.\n\n`<lr-toast>` — Mapped alias for `--lr-toast-gap`."}},{"name":"--grid-border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Axis and grid line width."}},{"name":"--grid-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-chart-grid-color)`) — Grid line color."}},{"name":"--grid-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-handle-size`."}},{"name":"--grid-height","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-block-size`."}},{"name":"--grid-width","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-inline-size`."}},{"name":"--handle-size","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--lr-icon-button-size)`) — Retained Shoelace-compat source for `--lr-image-comparer-handle-size`."}},{"name":"--header-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface-raised)`) — Header background."}},{"name":"--header-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-header-height`."}},{"name":"--header-row-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-3-5rem)`) — Header-row minimum height."}},{"name":"--header-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Mapped header padding override.\n\n`<lr-drawer>` — Shoelace header padding."}},{"name":"--header-text-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-text)`) — Header foreground."}},{"name":"--height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-height)`) — Shoelace-compatible track height.\n\n`<lr-switch>` (default: `var(--lr-switch-track-block-size)`) — WA/Shoelace alias for the track's block size."}},{"name":"--hide-delay","description":{"kind":"markdown","value":"`<lr-tooltip>` (default: `0ms`) — Interaction hide delay when `hide-delay` is not explicit."}},{"name":"--hide-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-hide-duration`.\n\n`<lr-combobox>` (default: `var(--lr-transition-fast)`) — Listbox exit-transition duration.\n\n`<lr-date-input>` (default: `var(--lr-transition-fast)`) — Popup exit-transition duration.\n\n`<lr-details>` (default: `var(--lr-duration-base)`) — Collapse-icon transition duration.\n\n`<lr-dialog>` — Mapped closing animation duration.\n\n`<lr-drawer>` — Closing slide duration.\n\n`<lr-dropdown>` (default: `var(--lr-transition-fast)`) — Closing transition duration.\n\n`<lr-popover>` (default: `var(--lr-duration-fast)`) — Closing transition duration.\n\n`<lr-popup>` (default: `var(--lr-duration-fast)`) — Deactivation transition duration.\n\n`<lr-select>` (default: `var(--lr-transition-fast)`) — Listbox exit-transition timing.\n\n`<lr-time-input>` (default: `var(--lr-duration-fast)`) — Picker closing duration.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-hide-duration`.\n\n`<lr-tree-item>` (default: `var(--lr-duration-base)`) — Collapse motion duration."}},{"name":"--icon-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — Upstream-compatible alias for `--lr-animated-image-icon-size`."}},{"name":"--indent-guide-color","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `var(--lr-color-border)`) — Indentation guide color."}},{"name":"--indent-guide-offset","description":{"kind":"markdown","value":"`<lr-tree>` (default: `0`) — Block-axis inset for indentation guides.\n\n`<lr-tree-item>` (default: `0`) — Block-axis inset at both ends of the indentation guide."}},{"name":"--indent-guide-style","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `solid`) — Indentation guide border style."}},{"name":"--indent-guide-width","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `0`) — Indentation guide width."}},{"name":"--indent-size","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-1-25rem)`) — Tree-level indentation.\n\n`<lr-tree>` (default: `var(--lr-space-l)`) — Indentation step for nested items.\n\n`<lr-tree-item>` (default: `var(--lr-space-l)`) — Indentation step applied once per nesting depth."}},{"name":"--indicator-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-indicator-color)`) — Upstream-compatible indicator color.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-color)`) — Upstream-compatible indicator color.\n\n`<lr-spinner>` (default: `var(--lr-color-brand)`) — Upstream-compatible indicator color.\n\n`<lr-tab-group>` — Upstream alias for the active indicator color."}},{"name":"--indicator-transition-duration","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-transition-duration)`) — Upstream-compatible transition duration."}},{"name":"--indicator-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-width)`) — Upstream-compatible indicator width."}},{"name":"--jello-scale-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.18`) — Horizontal jello stretch."}},{"name":"--jello-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.82`) — Vertical jello stretch."}},{"name":"--label-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-label-color)`) — Shoelace-compatible label color."}},{"name":"--line-border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-medium)`) — Line dataset stroke width."}},{"name":"--line-color","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-color-brand)`) — Trend line color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--line-width","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-border-width-medium)`) — Trend line width."}},{"name":"--lr-accordion-filled-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface-raised)`) — Filled group background."}},{"name":"--lr-accordion-filled-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `transparent`) — Filled border color."}},{"name":"--lr-accordion-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface-raised)`) — Filled-outlined group background."}},{"name":"--lr-accordion-filled-outlined-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-accordion-item-button-active-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `color-mix(...)`) — Trigger pressed background."}},{"name":"--lr-accordion-item-button-hover-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-accordion-item-easing","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-easing-standard)`) — Expand/collapse easing."}},{"name":"--lr-accordion-item-filled-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface-raised)`) — Filled item background."}},{"name":"--lr-accordion-item-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface-raised)`) — Filled-outlined item background."}},{"name":"--lr-accordion-item-hide-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-duration-base)`) — Collapse transition duration."}},{"name":"--lr-accordion-item-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface)`) — Outlined item background."}},{"name":"--lr-accordion-item-show-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-duration-base)`) — Expand transition duration."}},{"name":"--lr-accordion-item-spacing","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-form-control-padding-inline)`) — Header/content spacing."}},{"name":"--lr-accordion-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface)`) — Outlined group background."}},{"name":"--lr-accordion-outlined-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-activity-feed-background","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-activity-feed-border-color","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-activity-feed-compact-entry-padding","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"entry\"]` padding while `compact`."}},{"name":"--lr-activity-feed-compact-header-gap","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs)`) — Gap between the header toggle, status dot, label, and summary while `compact`."}},{"name":"--lr-activity-feed-compact-header-padding","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-activity-feed-live-status-color","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-brand)`) — Background color of `status-dot` while `mode=\"live\"`."}},{"name":"--lr-activity-feed-max-height","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `16rem`) — Cap on how tall the expanded body grows before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list."}},{"name":"--lr-activity-feed-radius","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-agent-eval-dashboard-active-background","description":{"kind":"markdown","value":"`<lr-agent-eval-dashboard>` (default: `var(--lr-color-brand-quiet)`) — Active metric background."}},{"name":"--lr-agent-eval-dashboard-active-border","description":{"kind":"markdown","value":"`<lr-agent-eval-dashboard>` (default: `var(--lr-color-brand)`) — Active metric border."}},{"name":"--lr-agent-run-background","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-agent-run-border-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-agent-run-compact-gap","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."}},{"name":"--lr-agent-run-compact-padding","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-agent-run-metric-brand-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-brand)`) — Brand metric value."}},{"name":"--lr-agent-run-metric-danger-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-danger)`) — Danger metric value."}},{"name":"--lr-agent-run-metric-success-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-success)`) — Success metric value."}},{"name":"--lr-agent-run-metric-warning-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-warning)`) — Warning metric value."}},{"name":"--lr-agent-run-radius","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-agent-run-spin","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-transition-ambient)`) — Current-step icon spin animation."}},{"name":"--lr-agent-trace-handoff-active-bg","description":{"kind":"markdown","value":"`<lr-agent-trace>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-alert-close-active-bg","description":{"kind":"markdown","value":"`<lr-alert>` (default: `color-mix(in oklab,transparent,var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — The close button's pressed background, independently scoped from `--lr-alert-close-hover-bg`."}},{"name":"--lr-alert-close-hover-bg","description":{"kind":"markdown","value":"`<lr-alert>` (default: `color-mix(in oklab,transparent,var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — The close button's hover background, scoped so a consumer can retint just this control without touching the shared `--lr-color-mix-partner`/`--lr-color-mix-hover` tokens every other interactive surface in the library also reads."}},{"name":"--lr-animated-image-control-box-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — The size of `control-box`. Defaults to `var(--lr-icon-button-size)`."}},{"name":"--lr-animated-image-icon-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — The size of the play/pause icons. Defaults to `calc(var(--lr-icon-button-size) * 0.35)`."}},{"name":"--lr-animated-image-max-height","description":{"kind":"markdown","value":"`<lr-animated-image>` — Caps the rendered media's block-size. Defaults to `var(--lr-size-20rem)`."}},{"name":"--lr-animation-bounce-height","description":{"kind":"markdown","value":"`<lr-animation>` (default: `25%`) — Peak lift height of the bounce preset."}},{"name":"--lr-animation-duration","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `300ms`) — Mapped duration of the entrance animation."}},{"name":"--lr-animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Mapped easing function for the entrance animation."}},{"name":"--lr-animation-shake-distance","description":{"kind":"markdown","value":"`<lr-animation>` (default: `4%`) — Horizontal travel of the shake preset."}},{"name":"--lr-animation-slide-distance","description":{"kind":"markdown","value":"`<lr-animation>` (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."}},{"name":"--lr-animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Mapped travel distance for directional animations."}},{"name":"--lr-animation-zoom-scale","description":{"kind":"markdown","value":"`<lr-animation>` (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."}},{"name":"--lr-app-rail-background","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-surface)`) — `[part=\"base\"]`'s background (the docked, non-overlay presentation)."}},{"name":"--lr-app-rail-collapse-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Collapse-control pressed background; defaults to the same brand-quiet active mix `[part=\"toggle\"]` uses."}},{"name":"--lr-app-rail-collapse-toggle-active-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Collapse-control pressed foreground."}},{"name":"--lr-app-rail-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand-quiet)`) — Collapse-control hover background."}},{"name":"--lr-app-rail-collapse-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Collapse-control hover foreground."}},{"name":"--lr-app-rail-footer-padding","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-m)`) — `[part=\"footer\"]`'s padding."}},{"name":"--lr-app-rail-group-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail-group>` — Collapse-control pressed background; defaults to the same brand-quiet active mix the rest of the rail uses."}},{"name":"--lr-app-rail-group-active-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand)`) — Collapse-control pressed foreground."}},{"name":"--lr-app-rail-group-gap","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-space-xs)`) — Gap between the group's own items."}},{"name":"--lr-app-rail-group-heading-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-text-quiet)`) — Heading text color."}},{"name":"--lr-app-rail-group-heading-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-font-size-sm)`) — Heading font size."}},{"name":"--lr-app-rail-group-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand-quiet)`) — Collapse-control hover background."}},{"name":"--lr-app-rail-group-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand)`) — Collapse-control hover foreground."}},{"name":"--lr-app-rail-group-padding-block","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-space-xs)`) — Block padding around `[part=\"base\"]`."}},{"name":"--lr-app-rail-header-min-block-size","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `auto`) — `[part=\"header\"]`'s minimum block size. `auto` (the default) is the property's own initial value, so unset reproduces today's exact height; set it to reserve room for header content that mounts or resizes asynchronously."}},{"name":"--lr-app-rail-header-padding","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-m)`) — `[part=\"header\"]`'s padding."}},{"name":"--lr-app-rail-icon-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."}},{"name":"--lr-app-rail-item-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — Pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-item-active-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Pressed text/icon color."}},{"name":"--lr-app-rail-item-current-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the `current`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-app-rail-item-current-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Text/icon color of the `current`/`aria-current=\"page\"` item."}},{"name":"--lr-app-rail-item-current-font-weight","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current`/`aria-current=\"page\"` item, decoupled from the shared `--lr-font-weight-semibold` token so retheming it does not repaint every other semibold element on the page. Mirrors `<lr-stepper>`'s `--lr-stepper-current-font-weight` and `<lr-segmented>`'s `--lr-segmented-selected-font-weight`."}},{"name":"--lr-app-rail-item-current-indicator-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"current-indicator\"]` while current."}},{"name":"--lr-app-rail-item-current-indicator-inset-inline","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"current-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-app-rail-item-current-indicator-width","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-size-2px)`) — Inline size of `[part=\"current-indicator\"]` while current."}},{"name":"--lr-app-rail-item-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `inherit`) — `[part=\"base\"]`'s font size, set after the `font` shorthand so it alone can be retuned while family/weight/line-height stay inherited."}},{"name":"--lr-app-rail-item-gap","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-space-s)`) — Gap between `[part=\"icon\"]` and `[part=\"label\"]`, and between the item's own control and its `[part=\"meta\"]`/`[part=\"end\"]` adornments."}},{"name":"--lr-app-rail-item-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-app-rail-item-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Hover text/icon color."}},{"name":"--lr-app-rail-item-icon-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-icon-button-size)`) — `[part=\"icon\"]`'s inline size. Not floor-clamped -- the icon is decorative, not itself a pointer target."}},{"name":"--lr-app-rail-item-meta-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-text-quiet)`) — `[part=\"meta\"]`'s text color; quiet by default so a count reads as secondary to the label beside it."}},{"name":"--lr-app-rail-item-meta-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-font-size-sm)`) — `[part=\"meta\"]`'s font size."}},{"name":"--lr-app-rail-item-min-block-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-icon-button-size)`) — `[part=\"base\"]`'s row height. Floor-clamped to `--lr-icon-button-size` regardless of the override, preserving the WCAG 2.5.8 hit-area minimum."}},{"name":"--lr-app-rail-item-padding","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-space-s)`) — `[part=\"base\"]`'s padding."}},{"name":"--lr-app-rail-mobile-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-18rem)`) — The mobile overlay panel's width, capped at `85vw`."}},{"name":"--lr-app-rail-overlay-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-overlay)`) — The mobile overlay scrim's background."}},{"name":"--lr-app-rail-panel-background","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-surface-overlay)`) — `[part=\"panel\"]`'s background (the mobile overlay presentation) -- kept separate from `--lr-app-rail-background`/`--lr-app-rail-overlay-color` (the backdrop scrim) since the panel is deliberately themed as a modal surface, not the docked rail chrome."}},{"name":"--lr-app-rail-panel-inset-block-start","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `0`) — Block-start (top) inset shared by `[part=\"panel\"]` and `[part=\"backdrop\"]` -- raise it to leave room for a fixed app bar/status area above the drawer instead of the panel/scrim starting flush with the viewport top."}},{"name":"--lr-app-rail-panel-overflow-block","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `auto`) — `[part=\"panel\"]`'s logical `overflow-block`, paired with `--lr-app-rail-panel-overflow-inline` below."}},{"name":"--lr-app-rail-panel-overflow-inline","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `clip`) — `[part=\"panel\"]`'s logical `overflow-inline`. `clip` (the default) prevents a spurious horizontal scrollbar from wide slotted header/footer content, but also clips a `position: fixed` popup opened by a slotted/nav-item control (e.g. a slotted `<lr-select>`/`<lr-menu>`) whenever that popup's rendered box extends past the panel's own inline bounds -- a `position: fixed` box is clipped by an ancestor's non-`visible` overflow regardless of its own containing block. Setting only this one to `visible` is not enough to escape that: per the CSS overflow spec, a lone `visible` axis paired with a non-`visible` other axis computes as `auto` instead, which still clips -- set `--lr-app-rail-panel-overflow-block` to `visible` too to actually stop the clipping, accepting that wide header/footer content can then scroll/bleed both ways instead."}},{"name":"--lr-app-rail-panel-radius","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `0`) — Corner radius of `[part=\"panel\"]`. `0` (the default) reproduces today's flush-edged drawer; pairs naturally with a nonzero `--lr-app-rail-panel-inset-block-start`, which exposes the panel's top corners."}},{"name":"--lr-app-rail-resizer-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Resizer-track pressed background; defaults to the former brand active mix."}},{"name":"--lr-app-rail-resizer-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Resizer-track hover background."}},{"name":"--lr-app-rail-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Toggle pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-toggle-active-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Toggle pressed foreground."}},{"name":"--lr-app-rail-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-app-rail-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Toggle hover foreground."}},{"name":"--lr-app-rail-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-15rem)`) — The inline rail's width in `'full'` mode. Overridden by an inline width while a `resizable` rail has an explicit `railWidthPx`."}},{"name":"--lr-approval-queue-selected-border","description":{"kind":"markdown","value":"`<lr-approval-queue>` (default: `var(--lr-color-brand)`) — Selected request border."}},{"name":"--lr-archive-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Accent highlight background."}},{"name":"--lr-archive-viewer-highlight-active-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Active highlight background."}},{"name":"--lr-archive-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Active fallback-highlight outline."}},{"name":"--lr-archive-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Danger highlight background."}},{"name":"--lr-archive-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Neutral highlight background."}},{"name":"--lr-archive-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Success highlight background."}},{"name":"--lr-archive-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Warning highlight background."}},{"name":"--lr-archive-viewer-max-height","description":{"kind":"markdown","value":"`<lr-archive-viewer>` (default: `none`) — Maximum block size of the scrollable body. Also settable via the `max-height` property."}},{"name":"--lr-artifact-panel-view-active-bg","description":{"kind":"markdown","value":"`<lr-artifact-panel>` (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."}},{"name":"--lr-artifact-panel-view-active-color","description":{"kind":"markdown","value":"`<lr-artifact-panel>` (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-attachment-chip-accent","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-text-quiet)`) — Accent color used for the status text, spinner, and progress fill. Its private default changes per `status` (`uploading`/`error`/`success`); the public value remains authoritative."}},{"name":"--lr-attachment-chip-bg","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-surface)`) — Chip background. Its private default changes per `status` to that status's `-quiet` tint; the public value still wins."}},{"name":"--lr-attachment-chip-border","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-border)`) — Chip border color. Every non-`pending` `status` changes its private default to `transparent`."}},{"name":"--lr-attachment-chip-compact-font-size","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-font-size-xs)`) — Font size of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-gap","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-25rem)`) — Gap between the chip's parts while `compact`."}},{"name":"--lr-attachment-chip-compact-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-125rem) var(--lr-space-xs)`) — Padding of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-thumbnail-only-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-125rem)`) — Padding of `[part=\"base\"]` while `compact` and `thumbnail-only` together actually hide `[part=\"meta\"]` (an image-mime attachment only — see `thumbnailOnly`). Reduced from `--lr-attachment-chip-compact-padding` since the lone thumbnail no longer needs inline padding sized for a text row."}},{"name":"--lr-attachment-chip-compact-thumbnail-size","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-1-75rem)`) — Thumbnail size while `compact`, rethemeable independently of `--lr-icon-button-size`. Retry, preview, and remove actions retain that shared token's minimum hit-area floor."}},{"name":"--lr-attachment-chip-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — Padding of `[part=\"base\"]` while `compact` is unset."}},{"name":"--lr-attachment-chip-spinner-duration","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-transition-ambient)`) — Duration and easing of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."}},{"name":"--lr-audio-visualizer-ambient-duration","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-duration-ambient)`) — Time-only duration of one signal-less ambient pulse or sweep cycle."}},{"name":"--lr-audio-visualizer-color","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-color-brand)`) — Active bar/waveform color."}},{"name":"--lr-audio-visualizer-height","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-size-3rem)`) — The host's block size, which the canvas fills at 100%."}},{"name":"--lr-audio-visualizer-quiet-color","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-color-brand-border-normal)`) — Inactive/idle color. Chosen over `--lr-color-brand-quiet` for its WCAG 1.4.11 non-text contrast against `--lr-color-surface` (the idle bars have no other distinguishing shape or border)."}},{"name":"--lr-av-player-cue-active-match-color","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."}},{"name":"--lr-av-player-cue-current-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."}},{"name":"--lr-av-player-cue-hover-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"cue\"]`. The pressed state mixes further from this same value rather than a separate knob, so retuning it keeps its pressed step too."}},{"name":"--lr-av-player-marker-active-color","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."}},{"name":"--lr-av-player-marker-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."}},{"name":"--lr-av-player-marker-danger-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."}},{"name":"--lr-av-player-marker-fill","description":{"kind":"markdown","value":"`<lr-av-player>` — The resting fill a `[part=\"timeline-marker\"]` actually renders, resolved per tone from the `--lr-av-player-marker--bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one marker; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-av-player-marker-neutral-bg","description":{"kind":"markdown","value":"`<lr-av-player>`* (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."}},{"name":"--lr-av-player-marker-success-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."}},{"name":"--lr-av-player-marker-warning-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."}},{"name":"--lr-av-player-transcript-height","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."}},{"name":"--lr-avatar-bg","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-color-border)`) — Container background. Each non-neutral `variant` changes its private default to that variant's `-quiet` tint."}},{"name":"--lr-avatar-color","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `variant` changes its private default to that variant's loud color."}},{"name":"--lr-avatar-font-size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-font-size-m)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` steps its private default alongside the diameter, so the initials track the circle instead of staying at one fixed size across every tier."}},{"name":"--lr-avatar-group-avatar-size","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-size-3rem)`) — Sizes the overflow badge to match the slotted avatars, tier for tier with `<lr-avatar>`'s own `--lr-avatar-size`."}},{"name":"--lr-avatar-group-badge-bg","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-border)`) — Overflow badge background. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-color","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-text)`) — Overflow badge text color. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-font-size","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-font-size-m)`) — Font size of the \"+N\" badge label. `size` steps its private default across the same six-step ladder as `<lr-avatar>`'s own `--lr-avatar-font-size`, so the badge and the avatars it caps read at the same optical weight."}},{"name":"--lr-avatar-group-overlap","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."}},{"name":"--lr-avatar-group-ring-color","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."}},{"name":"--lr-avatar-group-ring-width","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-border-width-medium)`) — Ring thickness."}},{"name":"--lr-avatar-size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-size-3rem)`) — Inline and block size of the container. `size` steps its private default across the shared six-step ladder, from `var(--lr-size-1-5rem)` (`2xs`) to `var(--lr-size-5rem)` (`xl`); an inherited or direct public value still wins."}},{"name":"--lr-badge-attention-duration","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-duration-ambient)`) — One cycle of the `attention` animation."}},{"name":"--lr-badge-attention-easing","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-easing-emphasized)`) — Timing function of the `attention` animation."}},{"name":"--lr-badge-background","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-fill)`) — Explicit override for the badge's background, winning over whatever `variant` and `appearance` resolved. Left unset (the default) so it still inherits from a consumer's own ancestor rule."}},{"name":"--lr-badge-border","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-stroke)`) — Explicit override for the badge's border color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-bounce-distance","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-0-1875rem)`) — Peak travel of the `attention=\"bounce\"` hop."}},{"name":"--lr-badge-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-text)`) — Explicit override for the badge's text color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-edge","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-border)`) — Palette slot: the variant's border color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-fill","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-tint)`) — Surface slot: which palette entry `appearance` routed onto the background. Set it to retune a single appearance without touching the palette."}},{"name":"--lr-badge-font-size","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."}},{"name":"--lr-badge-gap","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-space-2xs)`) — Space between the `start` slot, the label, and the `end` slot."}},{"name":"--lr-badge-ink","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-text)`) — Palette slot: the variant's text color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-min-height","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."}},{"name":"--lr-badge-on-solid","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-on-loud)`) — Palette slot: the text color that stays legible on `--lr-badge-solid`."}},{"name":"--lr-badge-padding-inline","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."}},{"name":"--lr-badge-pulse-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `color-mix(in srgb, currentColor 40%, transparent)`) — Color of the expanding ring drawn by `attention=\"pulse\"`."}},{"name":"--lr-badge-pulse-spread","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-0-25rem)`) — How far the `attention=\"pulse\"` ring expands."}},{"name":"--lr-badge-radius","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-radius)`) — Corner radius of the badge surface. `pill` raises it to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-badge-solid","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-fill-loud)`) — Palette slot: the variant's loud fill, used by `appearance=\"accent\"`."}},{"name":"--lr-badge-stroke","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-edge)`) — Surface slot: which palette entry `appearance` routed onto the border color."}},{"name":"--lr-badge-text","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-ink)`) — Surface slot: which palette entry `appearance` routed onto the label color."}},{"name":"--lr-badge-tint","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-surface)`) — Palette slot: the variant's quiet fill. Its private default follows each non-neutral `variant`'s quiet fill from the shared semantic grid; an inherited or direct public value remains authoritative."}},{"name":"--lr-border-width-medium","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width medium. Reads `--lr-theme-border-width-medium`."}},{"name":"--lr-border-width-thick","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width thick. Reads `--lr-theme-border-width-thick`."}},{"name":"--lr-border-width-thin","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width thin. Reads `--lr-theme-border-width-thin`."}},{"name":"--lr-box-plot-border-color-1","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-1)`) — First series box-outline color."}},{"name":"--lr-box-plot-border-color-2","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-2)`) — Second series box-outline color."}},{"name":"--lr-box-plot-border-color-3","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-3)`) — Third series box-outline color."}},{"name":"--lr-box-plot-border-color-4","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-4)`) — Fourth series box-outline color."}},{"name":"--lr-box-plot-border-color-5","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-5)`) — Fifth series box-outline color."}},{"name":"--lr-box-plot-border-color-6","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-6)`) — Sixth series box-outline color."}},{"name":"--lr-box-plot-border-color-7","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-7)`) — Seventh series box-outline color."}},{"name":"--lr-box-plot-border-color-8","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-8)`) — Eighth series box-outline color."}},{"name":"--lr-box-plot-border-width","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-border-width-thin)`) — Canvas box-outline stroke width, in pixels. Same override mechanism as `<lr-chart>`'s `--border-width`."}},{"name":"--lr-box-plot-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-box-plot>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-box-plot-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-box-plot-fill-color-1","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-1)`) — First series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-2","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-2)`) — Second series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-3","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-3)`) — Third series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-4","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-4)`) — Fourth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-5","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-5)`) — Fifth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-6","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-6)`) — Sixth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-7","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-7)`) — Seventh series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-8","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-8)`) — Eighth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-item-radius","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `0`) — Radius, in pixels, of the individual raw-sample dots drawn alongside each box; `0` (the default) disables them."}},{"name":"--lr-breadcrumb-current-color","description":{"kind":"markdown","value":"`<lr-breadcrumb-item>` (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."}},{"name":"--lr-breadcrumb-item-active-bg","description":{"kind":"markdown","value":"`<lr-breadcrumb-item>` — Link/button pressed background; defaults to the former transparent active mix."}},{"name":"--lr-browser-frame-aspect-ratio","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `16 / 9`) — The viewport's aspect ratio."}},{"name":"--lr-browser-frame-controller-background","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand-quiet)`) — Controller badge background."}},{"name":"--lr-browser-frame-controller-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand)`) — Controller badge text color."}},{"name":"--lr-browser-frame-ping-click-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand)`) — Click-ping border color."}},{"name":"--lr-browser-frame-ping-move-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-text-quiet)`) — Move-ping border color."}},{"name":"--lr-browser-frame-ping-scroll-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-warning)`) — Scroll-ping border color."}},{"name":"--lr-browser-frame-ping-type-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-success)`) — Type-ping border color."}},{"name":"--lr-button-accent","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-loud)`) — Text/glyph color for the chrome-less appearances (`outlined`, `plain`, `link`), i.e. the active `variant`'s loud fill used as a foreground. `variant=\"neutral\"` is the one exception: its loud fill is a mid grey picked to carry light text, so borrowing it as text on the page surface would wash out every plain and link button — neutral keeps `--lr-color-text`."}},{"name":"--lr-button-accent-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-loud)`) — Background of `appearance=\"accent\"` (and its border color): the active `variant`'s loud fill, the one primary action in a view."}},{"name":"--lr-button-accent-on-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-on-loud)`) — Text color on top of `--lr-button-accent-fill`, the grid's guaranteed-legible foreground for that fill."}},{"name":"--lr-button-active-background","description":{"kind":"markdown","value":"`<lr-button>` (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background while a non-disabled button is pressed — the same mix at the stronger `--lr-color-mix-active` share, so the pressed state reads as more than the hover. `appearance=\"link\"` moves its text colour by these two shares instead of taking a background."}},{"name":"--lr-button-active-scale","description":{"kind":"markdown","value":"`<lr-button>` (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."}},{"name":"--lr-button-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border-normal)`) — Border color of the internal button, from the active `variant`'s row of the shared semantic grid."}},{"name":"--lr-button-caret-size","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-size-0-75em)`) — Font size of the `with-caret` chevron, i.e. its rendered glyph box. Relative to the button's own font size, so it follows every `size` tier without a per-tier rule."}},{"name":"--lr-button-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-quiet)`) — Background of `appearance=\"filled\"`: the active `variant`'s quiet tint, i.e. a secondary-action fill that is visibly a fill rather than the page surface. Follows `variant` through the shared semantic grid."}},{"name":"--lr-button-font-size","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-font-size)`) — Font size of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it and inherits the ambient font instead."}},{"name":"--lr-button-gap","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-gap)`) — Gap between the icon/label and any slotted content in the internal button. Constant across the ladder's tiers. Override it to retune without a `::part(base)` rule."}},{"name":"--lr-button-group-gap","description":{"kind":"markdown","value":"`<lr-button-group>` (default: `var(--lr-space-2xs)`) — Gap between grouped controls."}},{"name":"--lr-button-height","description":{"kind":"markdown","value":"`<lr-button>` — Exact height of the internal button. Undeclared by default — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor and cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-hover-background","description":{"kind":"markdown","value":"`<lr-button>` (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background of a non-disabled button while hovered. Replaced the pre-8.0.0 `--lr-button-hover-brightness` multiplier: a `filter` multiplies every channel, so it moved a mid-toned fill but did nothing at all to a pure white or pure black one, and it dimmed the label and icons along with the box."}},{"name":"--lr-button-hover-base","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-surface)`) — The colour the hover and press mixes move away from. Each painted appearance re-points it at its own fill (`--lr-button-fill` for `filled`/`filled-outlined`, `--lr-button-accent-fill` for `accent`); the chrome-less tiers (`outlined`, `plain`, `quiet`, `link`) paint nothing, so they mix from the page surface. Set it alongside `--lr-button-outlined-fill` when you tint an outlined button."}},{"name":"--lr-button-hover-border","description":{"kind":"markdown","value":"`<lr-button>` — Border color of a non-disabled button while hovered. Undeclared by default, so it falls back to whatever border colour the active `appearance` already paints at rest — every appearance's current hover border is unchanged until this is set. `appearance=\"link\"` renders with no border (`border: 0`) at every state, so this has no visible effect there."}},{"name":"--lr-button-hover-color","description":{"kind":"markdown","value":"`<lr-button>` — Text color of a non-disabled button while hovered. Undeclared by default, so it falls back to whatever colour the active `appearance` already paints at rest — every appearance's current hover text colour is unchanged until this is set. `appearance=\"link\"` ignores it: its own hover rule sets a higher-specificity colour mix instead."}},{"name":"--lr-button-justify","description":{"kind":"markdown","value":"`<lr-button>` (default: `center`) — `justify-content` of the internal button's row. With the label no longer growing by default, this is what positions the whole icon+label pair inside a stretched control: `flex-start` packs it against the leading edge, `space-between` pushes the adornments apart."}},{"name":"--lr-button-label-grow","description":{"kind":"markdown","value":"`<lr-button>` (default: `0`) — `flex-grow` of `[part=\"label\"]`. `0` (the default) lets the label shrink-wrap its text so `--lr-button-justify` positions the real content; `1` restores the pre-16.0.0 behaviour where the label absorbed every spare pixel of a stretched button. It also overrides the automatic grow a `with-caret`/`end`-adornment button applies, so `0` opts those rows out of pinning their trailing affordance."}},{"name":"--lr-button-min-height","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height)`) — The active tier's `min-block-size` floor, resolved through that tier's own `--lr-button-size-` token, and used as the fallback when `--lr-button-height` is unset."}},{"name":"--lr-button-on-fill","description":{"kind":"markdown","value":"`<lr-button>`* (default: `var(--lr-color-on-quiet)`) — Text color on top of `--lr-button-fill`, the grid's guaranteed-legible foreground for that tint."}},{"name":"--lr-button-outlined-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"` and `appearance=\"filled-outlined\"`, which overrides `--lr-button-border`."}},{"name":"--lr-button-outlined-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-`, it is deliberately not* swapped per `variant`. The hover and press mixes read `--lr-button-hover-base`, which this tier leaves on the page surface, so set both together when you tint an outlined button."}},{"name":"--lr-button-padding-block","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-padding-block)`) — Block padding of the internal button, taken from the active `size` tier of the shared ladder. Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."}},{"name":"--lr-button-padding-inline","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-quiet-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border)`) — Border color of `appearance=\"quiet\"`."}},{"name":"--lr-button-quiet-text","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."}},{"name":"--lr-button-radius","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-radius)`) — Corner radius of the internal button, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius, since a 6px corner on a 20px-tall control reads as a lozenge). `appearance=\"link\"` ignores it (it renders with zero radius). `pill` changes the private default to `--lr-radius-pill`; an inherited or direct `--lr-button-radius` still wins."}},{"name":"--lr-button-shadow","description":{"kind":"markdown","value":"`<lr-button>` — Box shadow of the internal button. Undeclared by default, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule. `appearance=\"link\"` always renders with no shadow regardless of this token — a zero-chrome inline link has no box to elevate."}},{"name":"--lr-button-size-2xs","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-2xs)`) — `min-block-size` at `size=\"2xs\"`. Since 8.0.0 the whole scale comes from the shared form-control ladder (`internal/sizes.styles.ts`), so ordinary single-row controls share the same minimum-height floor. A composed control can still grow to preserve an action's hit target or fit its content."}},{"name":"--lr-button-size-l","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-l)`) — `min-block-size` at `size=\"l\"` (and at `size=\"large\"`)."}},{"name":"--lr-button-size-m","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-m)`) — `min-block-size` at `size=\"m\"` (and at `size=\"medium\"`), the default tier."}},{"name":"--lr-button-size-s","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-s)`) — `min-block-size` at `size=\"s\"` (and at the `size=\"small\"` spelling)."}},{"name":"--lr-button-size-xl","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-xl)`) — `min-block-size` at `size=\"xl\"`."}},{"name":"--lr-button-size-xs","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-xs)`) — `min-block-size` at `size=\"xs\"`."}},{"name":"--lr-button-spinner-duration","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-transition-ambient)`) — Timing of the `loading` spinner."}},{"name":"--lr-button-width","description":{"kind":"markdown","value":"`<lr-button>` (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."}},{"name":"--lr-calendar-agenda-event-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-agenda-event-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Agenda-event pressed background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-agenda-event-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Agenda-event hover background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-day-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-calendar-day-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-calendar-day-min-block-size","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-size-6rem)`) — Minimum block size of a day cell."}},{"name":"--lr-calendar-day-min-block-size-narrow","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."}},{"name":"--lr-calendar-day-outside-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-surface)`) — Background of an adjacent-month day cell."}},{"name":"--lr-calendar-day-outside-color","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-text-quiet)`) — Text color of an adjacent-month day cell."}},{"name":"--lr-calendar-day-selected-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."}},{"name":"--lr-calendar-day-today-outline-color","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand)`) — Outline color of today's day cell."}},{"name":"--lr-calendar-nav-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Month-navigation pressed background."}},{"name":"--lr-calendar-nav-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Month-navigation hover background."}},{"name":"--lr-calendar-viewer-max-height","description":{"kind":"markdown","value":"`<lr-calendar-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-callout-background","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-quiet,var(--lr-color-brand-fill-quiet))`) — The host surface's background: an inherited semantic quiet fill, with brand as the standalone fallback."}},{"name":"--lr-callout-border","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's border color."}},{"name":"--lr-callout-close-hover-bg","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."}},{"name":"--lr-callout-color","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's text color."}},{"name":"--lr-callout-font-size","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-form-control-font-size,var(--lr-font-size-m))`) — The callout's text size. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-callout-gap","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-space-s)`) — Space between the icon, the content, and the close action. Deliberately does not vary by `size`: it separates three adjacent boxes rather than setting the panel's density, and shrinking it at the small tiers only crowds them."}},{"name":"--lr-callout-padding","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-form-control-padding-inline,var(--lr-space-m))`) — Padding of the panel, on both axes. Its private default follows the shared ladder's inline-padding knob: a panel's block rhythm is generous like a control's inline padding, not tight like its block padding (which exists to fit text inside a fixed control height). This hook applies to the panel treatment; `inline` intentionally forces host padding to zero."}},{"name":"--lr-canvas-reserved-height","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins.\n\n`<lr-graph>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. Below this in the fallback chain, the normalized `height` property sizes the host too (a private custom property, not itself settable) -- setting this always overrides `height`, and an explicit outer `block-size` still wins over both.\n\n`<lr-knowledge-graph-explorer>` (default: `var(--lr-size-24rem)`) — Default block size of both this host and the composed `lr-graph`, shared with the pre-upgrade reservation stylesheet. Below this in the fallback chain, the composed `lr-graph`'s own normalized `height` (forwarded from this component's own `height`) sizes it instead; an explicit outer `block-size` still wins over both."}},{"name":"--lr-card-accent-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Accent stripe color."}},{"name":"--lr-card-filled-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand-quiet)`) — Filled appearance background."}},{"name":"--lr-card-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand-quiet)`) — Filled-outlined background."}},{"name":"--lr-card-interactive-active-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Interactive pressed border."}},{"name":"--lr-card-interactive-active-overlay","description":{"kind":"markdown","value":"`<lr-card>` — Interactive pressed overlay; defaults to the former transparent active mix."}},{"name":"--lr-card-interactive-hover-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Interactive hover border."}},{"name":"--lr-card-interactive-hover-shadow","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-card-shadow, none)`) — Box shadow of an `actionable`/linked card's base while hovered. Falls back to `--lr-card-shadow` itself, so a card given only a resting shadow keeps that exact shadow on hover; set this independently to lift an actionable card a further step on hover."}},{"name":"--lr-card-outlined-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-surface)`) — Background of the DEFAULT (`outlined`) appearance, and of `accent`, which adds a stripe without restating a surface. The filled tiers below already had their own hook; this one closes the gap for the tier most cards actually render, so retinting one themed card no longer needs a `::part(base)` rule or an app-wide `--lr-color-surface` change. Mirrors `<lr-details>`'s `--lr-details-outlined-bg`."}},{"name":"--lr-card-shadow","description":{"kind":"markdown","value":"`<lr-card>` — Box shadow of the card surface. Undeclared by default, so `box-shadow` falls back to `none` -- byte-identical to before this property existed. Set it (e.g. a raised card in a flat layout) without a `::part(base)` rule."}},{"name":"--lr-carousel-indicator-current-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Active dot fill."}},{"name":"--lr-carousel-indicator-current-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Active dot border."}},{"name":"--lr-carousel-navigation-active-bg","description":{"kind":"markdown","value":"`<lr-carousel>` — Navigation pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-navigation-active-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Navigation pressed border."}},{"name":"--lr-carousel-navigation-hover-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Navigation hover background."}},{"name":"--lr-carousel-navigation-hover-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Navigation hover border."}},{"name":"--lr-carousel-pagination-active-bg","description":{"kind":"markdown","value":"`<lr-carousel>` — Pagination-dot pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-pagination-active-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Pagination-dot pressed border."}},{"name":"--lr-carousel-pagination-hover-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Pagination-dot hover background."}},{"name":"--lr-carousel-pagination-hover-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Pagination-dot hover border."}},{"name":"--lr-carousel-scroll-container-hover-outline-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"scroll-container\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-carousel-scroll-container-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-scroll-container-hover-outline-style","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-scroll-container-hover-outline-width","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-slide-basis","description":{"kind":"markdown","value":"`<lr-carousel>` — Compatibility override for the computed per-page basis."}},{"name":"--lr-cell-size","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-size-2-25rem)`) — Inline and block size of each day cell and the matching calendar grid track."}},{"name":"--lr-chart-canvas-hover-outline-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline.\n\n`<lr-box-plot>` (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline. Same token and default as `<lr-chart>`."}},{"name":"--lr-chart-canvas-hover-outline-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-box-plot>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Width of the `[part='canvas']` hover-state outline."}},{"name":"--lr-chart-color-1","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-1)`) — First series color."}},{"name":"--lr-chart-color-2","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-2)`) — Second series color."}},{"name":"--lr-chart-color-3","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-3)`) — Third series color."}},{"name":"--lr-chart-color-4","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-4)`) — Fourth series color."}},{"name":"--lr-chart-color-5","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-5)`) — Fifth series color."}},{"name":"--lr-chart-color-6","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-6)`) — Sixth series color."}},{"name":"--lr-chart-color-7","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-7)`) — Seventh series color."}},{"name":"--lr-chart-color-8","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-8)`) — Eighth series color."}},{"name":"--lr-chart-data-table-button-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of an actionable generated- table value; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-data-table-button-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of an actionable generated-table value."}},{"name":"--lr-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-chart-grid-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-border)`) — Grid-line color. Resolved via `getComputedStyle` on every draw (Chart.js paints to canvas and cannot consume `var()`).\n\n`<lr-box-plot>` (default: `var(--lr-color-border)`) — Canvas grid-line color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-border)`) — Grid-line color."}},{"name":"--lr-chart-height","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-size-280px)`) — The plot region's `block-size` and the host's minimum block size. A visible data table or wrapping DOM legend grows the host in normal flow instead of overlapping following content. `height` supplies a private fallback; this public token always wins when a consumer sets it.\n\n`<lr-box-plot>`, `<lr-lite-chart>` (default: `var(--lr-size-280px)`) — Consumer-owned chart height. The `height` property supplies only a private fallback, so this public token always wins when set."}},{"name":"--lr-chart-legend-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text)`) — Legend label color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text)`) — DOM legend label color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-text)`) — Legend label color."}},{"name":"--lr-chart-legend-item-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of a legend visibility button; defaults to the standard active mix of `--lr-color-brand-quiet`.\n\n`<lr-box-plot>` — Legend-item pressed background."}},{"name":"--lr-chart-legend-item-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of a legend visibility button.\n\n`<lr-box-plot>` (default: `var(--lr-color-brand-quiet)`) — Legend-item hover background."}},{"name":"--lr-chart-legend-side-max","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-size-15rem)`) — Maximum inline size reserved for a side-positioned DOM legend; the track is also capped at one third of the chart allocation.\n\n`<lr-box-plot>`, `<lr-lite-chart>` (default: `var(--lr-size-15rem)`) — Maximum side-legend track size."}},{"name":"--lr-chart-pattern-step","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where every series collapses to one system color and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart.\n\n`<lr-box-plot>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-lite-chart>`.\n\n`<lr-lite-chart>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the texture becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-box-plot>`."}},{"name":"--lr-chart-reset-zoom-button-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of the reset-zoom button; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-reset-zoom-button-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the reset-zoom button."}},{"name":"--lr-chart-tick-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text-quiet)`) — Axis tick-label color; also used for the `xLabel`/`yLabel`/`y2Label` axis-title text (there is no separate title-color token). Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text-quiet)`) — Canvas tick and axis-title color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-text-quiet)`) — Axis and legend-detail color."}},{"name":"--lr-chart-tick-font-size","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-font-size-xs)`) — Axis tick-label font size, in any CSS length unit. Defaults to `--lr-font-size-xs` (12px at the standard root) because that matches Chart.js's OWN built-in tick font size, which is what every canvas chart rendered before this token existed -- leaving it unset must stay byte-identical to that, not shrink to `<lr-lite-chart>`'s SVG default. Also sizes the radar/polarArea `r`-scale `pointLabels` (the spoke labels), but ONLY once set: those default separately to Chart.js's OWN distinct `RadialLinearScale` `pointLabels` default (10px, not this token's 12px), and only adopt this token's size once the consumer explicitly sets it, at which point ticks and point labels match. Resolved via `getComputedStyle` on every draw, same constraint as every other `--lr-chart-` token here (Chart.js paints to canvas and cannot consume `var()`).\n\n`<lr-box-plot>`* (default: `var(--lr-font-size-xs)`) — Canvas axis tick-label font size. Same token name and default as `lr-chart`'s equivalent, so theming either retunes both; `--lr-font-size-xs` (12px at the standard root) matches Chart.js's OWN built-in tick font size, which is what box-plot rendered before this token existed.\n\n`<lr-lite-chart>` (default: `var(--lr-font-size-2xs)`) — Axis tick-label font size. Same token name as `lr-chart`'s canvas equivalent, so theming either retunes both."}},{"name":"--lr-chart-tooltip-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-surface)`) — Tooltip background color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-surface)`) — Canvas tooltip background."}},{"name":"--lr-chart-tooltip-text","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text)`) — Canvas tooltip text color."}},{"name":"--lr-chat-composer-background","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-surface)`) — Fill of the card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-chat-composer-border-color","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-border)`) — Resting colour of the card's border. The `:focus-within` border stays on the brand token -- it is state paint, not chrome."}},{"name":"--lr-chat-composer-busy-bg","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."}},{"name":"--lr-chat-composer-focus-shadow","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `inset 0 calc(-1 * var(--lr-focus-ring-width)) 0 0 var(--lr-focus-ring-color)`) — The `frame=\"plain\"` focus affordance painted on `[part=\"base\"]:focus-within`, replacing the card's border-color shift with an underline since there is no border left to recolor under `plain`. Override to reshape it (a different width/color) or set to `none` to cede focus chrome entirely to a consumer-drawn wrapper -- chosen over a third `frame` value, since every other piece of this card's paint (background/border-color/radius above) is already a cssprop hook rather than a `frame` variant, and `none` already reads naturally as \"I'll draw my own\"."}},{"name":"--lr-chat-composer-gap","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-space-xs)`) — Row gap between the `toolbar`, `chips` and `row` sections stacked inside `[part=\"base\"]`."}},{"name":"--lr-chat-composer-padding","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-space-s)`) — Padding of the card (`[part=\"base\"]`). `frame=\"plain\"` still zeroes it, same as the background/border-color/radius hooks above."}},{"name":"--lr-chat-composer-radius","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-radius)`) — Corner radius of the card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-chat-message-bubble-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-surface)`) — Bubble fill for every role except `user`."}},{"name":"--lr-chat-message-bubble-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."}},{"name":"--lr-chat-message-bubble-padding","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-space-m)`) — Bubble padding."}},{"name":"--lr-chat-message-bubble-radius","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-radius)`) — Bubble corner radius. Bubble-only by design — `collapse-button` and `retry-button` keep reading the shared `--lr-radius`, so a rounder bubble never desyncs the controls from the rest of the library."}},{"name":"--lr-chat-message-failed-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger-quiet)`) — Failed bubble fill."}},{"name":"--lr-chat-message-failed-border-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed bubble border."}},{"name":"--lr-chat-message-failed-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed-message footer text."}},{"name":"--lr-chat-message-failed-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed indicator."}},{"name":"--lr-chat-message-failed-status-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed status text."}},{"name":"--lr-chat-message-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — Default footer text."}},{"name":"--lr-chat-message-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — Default status indicator."}},{"name":"--lr-chat-message-max-width","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `80%`) — Maximum inline size of the message bubble."}},{"name":"--lr-chat-message-streaming-border-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand)`) — Streaming bubble border."}},{"name":"--lr-chat-message-streaming-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand)`) — Streaming indicator."}},{"name":"--lr-chat-message-system-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — System-message text color."}},{"name":"--lr-chat-message-user-bubble-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand-quiet)`) — Bubble fill for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-bubble-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — Bubble text color for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — User-message footer text."}},{"name":"--lr-checkbox-active-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Box border while pressed."}},{"name":"--lr-checkbox-active-ring","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand-quiet)`) — Outer box ring while pressed."}},{"name":"--lr-checkbox-box-size","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='box']`. Derived from the `size` tier's shared control height, so the box lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`; set it to pin the box independently of the tier."}},{"name":"--lr-checkbox-checked-bg","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-checkbox-checked-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."}},{"name":"--lr-checkbox-group-invalid-border","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `var(--lr-color-danger)`) — Border around the option collection while invalid chrome is visible."}},{"name":"--lr-checkbox-group-option-gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `calc(var(--lr-form-control-height) * 0.2)`) — Gap between adjacent options, scaled by `size`."}},{"name":"--lr-checkbox-group-row-gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `calc(var(--lr-form-control-height) * 0.1)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-checkbox-hover-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Box border while the enabled interactive control is hovered."}},{"name":"--lr-checkbox-invalid-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-danger)`) — Box border while invalid chrome is visible."}},{"name":"--lr-checkbox-label-indent","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `calc(var(--lr-checkbox-box-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it — so it tracks `size` along with the box. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is not readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-checkpoint-spin-duration","description":{"kind":"markdown","value":"`<lr-checkpoint>`* (default: `var(--lr-transition-ambient)`) — Restoring-spinner timing, inheriting the shared ambient-motion token by default (stopped under reduced motion)."}},{"name":"--lr-chip-accent","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-text)`) — Text/icon color of the pill. Each non-neutral `variant` changes its private default to that variant's loud fill."}},{"name":"--lr-chip-bg","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-surface)`) — Background of the pill. Each non-neutral `variant` changes its private default to that variant's quiet fill."}},{"name":"--lr-chip-border","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-border)`) — Border color of the pill. Every non-neutral `variant` changes its private default to `transparent`."}},{"name":"--lr-chip-font-size","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-font-size-sm)`) — Label font size. Each `size` changes its private default to that step's font size; an inherited or direct public value still wins."}},{"name":"--lr-chip-gap","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` changes its private default to that step's gap."}},{"name":"--lr-chip-group-gap","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s wrapped children, chips and the overflow indicator alike."}},{"name":"--lr-chip-group-overflow-expanded-border-style","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `solid`) — Border style of `[part=\"overflow-indicator\"]` while expanded. The resting indicator intentionally stays dashed, so this can retune the expanded state without losing that structural affordance."}},{"name":"--lr-chip-group-overflow-expanded-color","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `var(--lr-color-text)`) — Text color of `[part=\"overflow-indicator\"]` while expanded (`aria-expanded=\"true\"`). `::part(overflow-indicator)[aria-expanded='true']` is invalid CSS, so this is the only way to retint the expanded state without re-pointing the shared `--lr-color-text` token."}},{"name":"--lr-chip-height","description":{"kind":"markdown","value":"`<lr-chip>` — Exact block size of the chip. Undeclared by default, so the chip grows to fit its content (floored by `--lr-chip-min-height` when interactive). Set it to pin a fixed height. A value below the shared interactive target is for non-interactive chips only."}},{"name":"--lr-chip-icon-size","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-font-size-sm)`) — Font size of the `start` slot wrapper. Its private default follows each `size` step's icon size; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-min-height","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-size-1-5rem)`) — Component density floor for an interactive chip. The real toggle/remove controls also enforce the shared `--lr-icon-button-size` target floor."}},{"name":"--lr-chip-padding-block","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-size-0-25rem)`) — Block padding of the pill. Each `size` changes its private default to that step's block padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-padding-inline","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-space-s)`) — Inline padding of the pill. Each `size` changes its private default to that step's inline padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-pressed-bg","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."}},{"name":"--lr-chip-pressed-border","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."}},{"name":"--lr-chip-radius","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-radius)`) — Corner radius of the pill and of the remove button, kept in sync so retuning one retunes both. `pill` changes its private default to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-chunk-inspector-current-bg","description":{"kind":"markdown","value":"`<lr-chunk-inspector>` (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeChunkId`. Contrast-sensitive: paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."}},{"name":"--lr-chunk-inspector-current-color","description":{"kind":"markdown","value":"`<lr-chunk-inspector>` (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. Contrast-sensitive: the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."}},{"name":"--lr-citation-badge-accent","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-text-quiet)`) — Text color of `base`, and its hover border color. Its private default follows the reflected `status`: success for `high`/`verified`, warning for `medium`/`low`, and danger for `unverified`; a public value wins."}},{"name":"--lr-citation-badge-bg","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `transparent`) — Background of `base`. Its private default follows `status` to the matching `-quiet` tone (`success`/`warning`/`danger`); a public value wins."}},{"name":"--lr-citation-badge-border","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."}},{"name":"--lr-claim-evidence-compact-gap","description":{"kind":"markdown","value":"`<lr-claim-evidence>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"claim-trigger\"]`'s columns while `compact`."}},{"name":"--lr-claim-evidence-compact-padding","description":{"kind":"markdown","value":"`<lr-claim-evidence>` (default: `var(--lr-space-xs)`) — `[part=\"claim-trigger\"]` padding while `compact`."}},{"name":"--lr-code-block-active-line-outline-color","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."}},{"name":"--lr-code-block-font","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `var(--lr-font-mono)`) — Monospace family for the rendered `pre` and `code`."}},{"name":"--lr-code-block-highlighted-line-bg","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`, in both the light and dark-theme (shiki) rendering paths. Retints just that background, leaving every other `--lr-color-warning-quiet` surface alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n`<lr-code-block-core>` (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`. Shared with `lr-code-block` (this component reuses its stylesheet), leaving every other `--lr-color-warning-quiet` surface alone."}},{"name":"--lr-code-block-language-bg","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand-quiet)`) — Background of the `language` badge in `[part=\"header\"]`.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand-quiet)`) — Background of the `language` badge in `[part=\"header\"]`. Shared with `lr-code-block` (this component reuses its stylesheet)."}},{"name":"--lr-code-block-language-color","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand)`) — Text color of the `language` badge. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand)`) — Text color of the `language` badge."}},{"name":"--lr-code-block-max-height","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."}},{"name":"--lr-code-block-tab-size","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `2`) — Tab width for the rendered code, applied to `pre`.\n\n`<lr-code-block-core>` (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n`<lr-markdown>`, `<lr-markdown-core>` (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."}},{"name":"--lr-code-editor-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-border)`) — Resting editor-frame border color, independent of the hover and invalid colors below."}},{"name":"--lr-code-editor-fill","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-surface)`) — Resting editor-frame background."}},{"name":"--lr-code-editor-font-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-font-size-m)`) — Font size of the gutter's line numbers and the textarea, from the active `size` tier."}},{"name":"--lr-code-editor-hover-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-brand)`) — Editor-frame border while the enabled surface is hovered."}},{"name":"--lr-code-editor-invalid-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-danger)`) — Editor-frame border while invalid chrome is visible."}},{"name":"--lr-code-editor-line-height","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `1.5`) — Line height shared by the gutter and the textarea, so line numbers stay aligned with their lines."}},{"name":"--lr-code-editor-min-block-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-size-8rem)`) — Minimum block size of the editor frame and its textarea. Comes from the active `size` tier by default; assign it directly to override that tier's value."}},{"name":"--lr-code-editor-padding","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-space-s)`) — Padding of the gutter (block side only) and the textarea (all sides), from the active `size` tier."}},{"name":"--lr-code-editor-tab-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `2`) — The textarea's `tab-size`. The single channel for tab width — the class writes this token rather than setting `tab-size` directly."}},{"name":"--lr-color-border","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color border. Reads `--lr-theme-color-surface-border`."}},{"name":"--lr-color-border-strong","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color border strong. Reads `--lr-theme-color-border-strong`."}},{"name":"--lr-color-brand","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand."}},{"name":"--lr-color-brand-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border loud. Reads `--lr-theme-color-brand-border-loud`."}},{"name":"--lr-color-brand-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border normal. Reads `--lr-theme-color-brand-border-normal`."}},{"name":"--lr-color-brand-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border quiet. Reads `--lr-theme-color-brand-border-quiet`."}},{"name":"--lr-color-brand-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill loud. Reads `--lr-theme-color-brand-fill-loud`."}},{"name":"--lr-color-brand-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill normal. Reads `--lr-theme-color-brand-fill-normal`."}},{"name":"--lr-color-brand-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill quiet. Reads `--lr-theme-color-brand-fill-quiet`."}},{"name":"--lr-color-brand-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on loud. Reads `--lr-theme-color-brand-on-loud`."}},{"name":"--lr-color-brand-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on normal. Reads `--lr-theme-color-brand-on-normal`."}},{"name":"--lr-color-brand-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on quiet. Reads `--lr-theme-color-brand-on-quiet`."}},{"name":"--lr-color-brand-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand quiet."}},{"name":"--lr-color-chart-1","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-1,#0e006e)`) — First cluster color.\n\nShared design token — Canonical shared component token for color chart 1. Reads `--lr-theme-color-chart-1`."}},{"name":"--lr-color-chart-2","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-2,#4d011a)`) — Second cluster color.\n\nShared design token — Canonical shared component token for color chart 2. Reads `--lr-theme-color-chart-2`."}},{"name":"--lr-color-chart-3","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-3,#862002)`) — Third cluster color.\n\nShared design token — Canonical shared component token for color chart 3. Reads `--lr-theme-color-chart-3`."}},{"name":"--lr-color-chart-4","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-4,#503983)`) — Fourth cluster color.\n\nShared design token — Canonical shared component token for color chart 4. Reads `--lr-theme-color-chart-4`."}},{"name":"--lr-color-chart-5","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-5,#315fdd)`) — Fifth cluster color.\n\nShared design token — Canonical shared component token for color chart 5. Reads `--lr-theme-color-chart-5`."}},{"name":"--lr-color-chart-6","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-6,#935e7c)`) — Sixth cluster color.\n\nShared design token — Canonical shared component token for color chart 6. Reads `--lr-theme-color-chart-6`."}},{"name":"--lr-color-chart-7","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-7,#de6906)`) — Seventh cluster color.\n\nShared design token — Canonical shared component token for color chart 7. Reads `--lr-theme-color-chart-7`."}},{"name":"--lr-color-chart-8","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-8,#8f81d3)`) — Eighth cluster color; later clusters wrap through the same ordered palette.\n\nShared design token — Canonical shared component token for color chart 8. Reads `--lr-theme-color-chart-8`."}},{"name":"--lr-color-danger","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger."}},{"name":"--lr-color-danger-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border loud. Reads `--lr-theme-color-danger-border-loud`."}},{"name":"--lr-color-danger-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border normal. Reads `--lr-theme-color-danger-border-normal`."}},{"name":"--lr-color-danger-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border quiet. Reads `--lr-theme-color-danger-border-quiet`."}},{"name":"--lr-color-danger-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill loud. Reads `--lr-theme-color-danger-fill-loud`."}},{"name":"--lr-color-danger-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill normal. Reads `--lr-theme-color-danger-fill-normal`."}},{"name":"--lr-color-danger-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill quiet. Reads `--lr-theme-color-danger-fill-quiet`."}},{"name":"--lr-color-danger-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on loud. Reads `--lr-theme-color-danger-on-loud`."}},{"name":"--lr-color-danger-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on normal. Reads `--lr-theme-color-danger-on-normal`."}},{"name":"--lr-color-danger-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on quiet. Reads `--lr-theme-color-danger-on-quiet`."}},{"name":"--lr-color-danger-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger quiet."}},{"name":"--lr-color-mix-active","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix active. Reads `--lr-theme-color-mix-active`."}},{"name":"--lr-color-mix-hover","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix hover. Reads `--lr-theme-color-mix-hover`."}},{"name":"--lr-color-mix-partner","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix partner. Reads `--lr-theme-color-mix-partner`."}},{"name":"--lr-color-neutral","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral."}},{"name":"--lr-color-neutral-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border loud. Reads `--lr-theme-color-neutral-border-loud`."}},{"name":"--lr-color-neutral-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border normal. Reads `--lr-theme-color-neutral-border-normal`."}},{"name":"--lr-color-neutral-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border quiet. Reads `--lr-theme-color-neutral-border-quiet`."}},{"name":"--lr-color-neutral-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill loud. Reads `--lr-theme-color-neutral-fill-loud`."}},{"name":"--lr-color-neutral-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill normal. Reads `--lr-theme-color-neutral-fill-normal`."}},{"name":"--lr-color-neutral-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill quiet. Reads `--lr-theme-color-neutral-fill-quiet`."}},{"name":"--lr-color-neutral-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on loud. Reads `--lr-theme-color-neutral-on-loud`."}},{"name":"--lr-color-neutral-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on normal. Reads `--lr-theme-color-neutral-on-normal`."}},{"name":"--lr-color-neutral-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on quiet. Reads `--lr-theme-color-neutral-on-quiet`."}},{"name":"--lr-color-no-data","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color no data. Reads `--lr-theme-color-no-data`."}},{"name":"--lr-color-on-brand","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on brand."}},{"name":"--lr-color-on-danger","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on danger."}},{"name":"--lr-color-on-neutral","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on neutral."}},{"name":"--lr-color-on-strong-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on strong overlay. Reads `--lr-theme-color-on-strong-overlay`."}},{"name":"--lr-color-on-success","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on success."}},{"name":"--lr-color-on-warning","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on warning."}},{"name":"--lr-color-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color overlay. Reads `--lr-theme-color-overlay`."}},{"name":"--lr-color-overlay-strong","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color overlay strong. Reads `--lr-theme-color-overlay-strong`."}},{"name":"--lr-color-picker-border-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-border)`) — Resting trigger border color."}},{"name":"--lr-color-picker-checker-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-border)`) — Tint of the alpha checkerboard."}},{"name":"--lr-color-picker-checker-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-0-5rem)`) — Cell size of the alpha checkerboard."}},{"name":"--lr-color-picker-gap","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-space-xs)`) — Gap between field chrome and panel rows."}},{"name":"--lr-color-picker-grid-block-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-8rem)`) — Saturation/brightness grid height."}},{"name":"--lr-color-picker-grid-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1rem)`) — Diameter of the grid handle."}},{"name":"--lr-color-picker-grid-hue","description":{"kind":"markdown","value":"`<lr-color-picker>` — The saturation/brightness grid's fully-saturated base hue. Rewritten on every render, like `--lr-color-picker-swatch-color`."}},{"name":"--lr-color-picker-grid-inline-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-15rem)`) — Saturation/brightness grid width."}},{"name":"--lr-color-picker-hover-border-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-brand)`) — Hover border color."}},{"name":"--lr-color-picker-hue-stops","description":{"kind":"markdown","value":"`<lr-color-picker>` — The hue ramp's own gradient stops, shared by the hue slider in both text directions. Defaults to the six-stop sRGB hue wheel."}},{"name":"--lr-color-picker-opacity-gradient","description":{"kind":"markdown","value":"`<lr-color-picker>` — The opacity slider's transparent-to-opaque ramp, built from the current colour and text direction. Rewritten on every render."}},{"name":"--lr-color-picker-palette-swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1-5rem)`) — Size of a palette swatch."}},{"name":"--lr-color-picker-radius","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-radius)`) — Trigger, grid, and panel corner radius."}},{"name":"--lr-color-picker-selected-border","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-brand)`) — Border of the selected palette swatch."}},{"name":"--lr-color-picker-selected-check-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-surface)`) — Checkmark color on the selected palette swatch."}},{"name":"--lr-color-picker-slider-block-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-0-75rem)`) — Thickness of the visible hue/opacity ramp. The slider's own pointer target stays floored at 24px regardless."}},{"name":"--lr-color-picker-slider-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1-25rem)`) — Diameter of a slider handle."}},{"name":"--lr-color-picker-swatch-color","description":{"kind":"markdown","value":"`<lr-color-picker>` — The live colour painted on the trigger, preview, slider handles, and palette swatches. Rewritten on every render, so it reports state rather than accepting configuration."}},{"name":"--lr-color-picker-swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-form-control-height,var(--lr-size-2-5rem))`) — The centered visible swatch's inline and block size. The interactive trigger stays at least `--lr-icon-button-size`; larger swatch tiers expand it. The value reads the shared form-control height ladder, so the visible swatch follows neighbouring field density."}},{"name":"--lr-color-shadow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color shadow. Reads `--lr-theme-color-shadow`."}},{"name":"--lr-color-success","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success."}},{"name":"--lr-color-success-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border loud. Reads `--lr-theme-color-success-border-loud`."}},{"name":"--lr-color-success-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border normal. Reads `--lr-theme-color-success-border-normal`."}},{"name":"--lr-color-success-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border quiet. Reads `--lr-theme-color-success-border-quiet`."}},{"name":"--lr-color-success-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill loud. Reads `--lr-theme-color-success-fill-loud`."}},{"name":"--lr-color-success-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill normal. Reads `--lr-theme-color-success-fill-normal`."}},{"name":"--lr-color-success-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill quiet. Reads `--lr-theme-color-success-fill-quiet`."}},{"name":"--lr-color-success-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on loud. Reads `--lr-theme-color-success-on-loud`."}},{"name":"--lr-color-success-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on normal. Reads `--lr-theme-color-success-on-normal`."}},{"name":"--lr-color-success-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on quiet. Reads `--lr-theme-color-success-on-quiet`."}},{"name":"--lr-color-success-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success quiet."}},{"name":"--lr-color-surface","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface. Reads `--lr-theme-color-surface-default`."}},{"name":"--lr-color-surface-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface overlay. Reads `--lr-theme-color-surface-overlay`."}},{"name":"--lr-color-surface-raised","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface raised. Reads `--lr-theme-color-surface-raised`."}},{"name":"--lr-color-text","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color text. Reads `--lr-theme-color-text-normal`."}},{"name":"--lr-color-text-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color text quiet. Reads `--lr-theme-color-text-quiet`."}},{"name":"--lr-color-warning","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning."}},{"name":"--lr-color-warning-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border loud. Reads `--lr-theme-color-warning-border-loud`."}},{"name":"--lr-color-warning-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border normal. Reads `--lr-theme-color-warning-border-normal`."}},{"name":"--lr-color-warning-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border quiet. Reads `--lr-theme-color-warning-border-quiet`."}},{"name":"--lr-color-warning-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill loud. Reads `--lr-theme-color-warning-fill-loud`."}},{"name":"--lr-color-warning-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill normal. Reads `--lr-theme-color-warning-fill-normal`."}},{"name":"--lr-color-warning-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill quiet. Reads `--lr-theme-color-warning-fill-quiet`."}},{"name":"--lr-color-warning-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on loud. Reads `--lr-theme-color-warning-on-loud`."}},{"name":"--lr-color-warning-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on normal. Reads `--lr-theme-color-warning-on-normal`."}},{"name":"--lr-color-warning-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on quiet. Reads `--lr-theme-color-warning-on-quiet`."}},{"name":"--lr-color-warning-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning quiet."}},{"name":"--lr-combobox-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-border)`) — Resting border color of the trigger row, `transparent` by default on the `filled` treatment."}},{"name":"--lr-combobox-expand-size","description":{"kind":"markdown","value":"`<lr-combobox>` — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-combobox-fill","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-surface)`) — Resting background of the trigger row. The `filled`/`filled-outlined` treatments default it to `--lr-color-surface-raised`; a value set here wins over every treatment."}},{"name":"--lr-combobox-font-size","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-form-control-font-size)`) — Input text size, from the shared form-control size ladder."}},{"name":"--lr-combobox-gap","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-space-xs)`) — Gap between the start/end adornments, tags, and filter input inside the trigger row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(combobox)` rule."}},{"name":"--lr-combobox-open-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Border color of the trigger row while it holds focus — the state the listbox opens in. Bound to `:focus-within` rather than to `open`, so it paints on a focused row whose listbox is closed too; the name is symmetric with `lr-select`'s `--lr-select-open-border-color`, which is gated on `open` itself."}},{"name":"--lr-combobox-option-active-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-combobox-option-badge-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part='option-badge']` trailing metadata badge, and the \"not in catalog\" badge on a synthetic unmatched-value row (`show-unknown-option`)."}},{"name":"--lr-combobox-option-selected-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-combobox-option-selected-border","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-combobox-option-selected-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-combobox-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-combobox-radius","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-radius)`) — Corner radius of the trigger row (`[part='combobox']`). Does not vary by `size` tier; the `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-combobox-tag-font-size","description":{"kind":"markdown","value":"`<lr-combobox>` — Selected-tag text size."}},{"name":"--lr-combobox-tag-padding","description":{"kind":"markdown","value":"`<lr-combobox>` — Selected-tag padding."}},{"name":"--lr-combobox-trigger-height","description":{"kind":"markdown","value":"`<lr-combobox>` — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."}},{"name":"--lr-combobox-trigger-min-height","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-form-control-height)`) — Minimum input-container block size. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-combobox-trigger-padding","description":{"kind":"markdown","value":"`<lr-combobox>`* — Padding inside the input container."}},{"name":"--lr-combobox-unknown-value-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-border)`) — Border color of the same unknown-value tag."}},{"name":"--lr-combobox-unknown-value-border-style","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `dashed`) — Border style of a `multiple`-mode tag whose committed value matches no current option/row."}},{"name":"--lr-command-palette-active-bg","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-command-palette-group-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-2rem)`) — Virtual group-heading height; live changes rebuild heading/row transforms and the result extent."}},{"name":"--lr-command-palette-list-max-block-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `50vh`) — Maximum height of the scrolling command list."}},{"name":"--lr-command-palette-max-block-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `70vh`) — Maximum dialog height."}},{"name":"--lr-command-palette-max-inline-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-48rem)`) — Maximum dialog width."}},{"name":"--lr-command-palette-offset-block-start","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `12vh`) — Gap between the viewport top and the dialog."}},{"name":"--lr-command-palette-row-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-3rem)`) — Virtual command-row height; live changes rebuild row transforms, scrolling coordinates, and the result extent."}},{"name":"--lr-command-palette-search-font-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `inherit`) — Text size of the query field."}},{"name":"--lr-command-palette-search-gap","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-space-s)`) — Gap between the leading glyph and the query field."}},{"name":"--lr-command-palette-search-min-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `auto`) — Minimum row height of the query field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line the palette's own field up with the rest of an application's controls."}},{"name":"--lr-command-palette-search-padding","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-space-m)`) — Gutter around the query row."}},{"name":"--lr-command-palette-z-index","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-overlay-stack-index, var(--lr-layer-modal))`) — Stacking index of the backdrop."}},{"name":"--lr-commit-card-background","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `transparent`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`, unset by default so the card takes the surface it sits on. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-commit-card-border-color","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-commit-card-compact-padding","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-commit-card-radius","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-community-card-bg","description":{"kind":"markdown","value":"`<lr-community-card>` (default: `var(--lr-color-surface)`) — Resting background of `[part=\"base\"]`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-compare-panel-max-height","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."}},{"name":"--lr-compare-panel-selected-background","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand-quiet)`) — Selected vote button background."}},{"name":"--lr-compare-panel-selected-border-color","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand)`) — Selected vote button border color."}},{"name":"--lr-compare-panel-selected-color","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand)`) — Selected vote button text color."}},{"name":"--lr-compare-panel-selected-font-weight","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-font-weight-semibold)`) — Selected vote button font weight."}},{"name":"--lr-confirm-bar-approved-color","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-success)`) — `[part='status']` text/icon color once `decision` is `'approved'`."}},{"name":"--lr-confirm-bar-bg","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-surface)`) — Resting background of `[part='base']`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-confirm-bar-compact-gap","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."}},{"name":"--lr-confirm-bar-compact-padding","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-space-s)`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-confirm-bar-denied-color","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-danger)`) — `[part='status']` text/icon color once `decision` is `'denied'`."}},{"name":"--lr-contact-viewer-max-height","description":{"kind":"markdown","value":"`<lr-contact-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-context-meter-legend-swatch-size","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch."}},{"name":"--lr-context-meter-segment-color","description":{"kind":"markdown","value":"`<lr-context-meter>` — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge. The matching `[part=\"legend-swatch\"]` reads the same property, so a swatch can never disagree with the band it stands for."}},{"name":"--lr-context-meter-segment-seam-color","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-color-surface)`) — Color of the hairline seam painted between adjacent `bar`-shape segments."}},{"name":"--lr-context-meter-selected-arc-stroke","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `16`) — Stroke width, in this component's `0 0 100 100` viewBox units, of a selected `ring`-shape arc. Arcs share one bounding box, so a selected arc reports itself by thickening in place rather than by an outline that would trace the whole ring."}},{"name":"--lr-context-meter-selected-ring-color","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-color-text)`) — Colour of the inset ring marking a `bar`-shape band or a legend row whose index is in `selectedIndices`. Painted inside the shadow root because the state lives in the part name, and as a ring rather than an outline so it composes with the hover/press/focus outlines instead of being replaced by them."}},{"name":"--lr-context-meter-selected-ring-width","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-border-width-thick)`) — Width of that selected ring."}},{"name":"--lr-context-meter-track-bg","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `color-mix(in srgb, var(--lr-color-border) 30%, transparent)`) — Background of the unfilled remainder of the `bar`-shape track."}},{"name":"--lr-context-meter-track-radius","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `calc(var(--lr-radius) * 0.5)`) — Corner radius of the `bar`-shape track."}},{"name":"--lr-context-meter-track-size","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-size-0-5rem)`) — Block size (thickness) of the `bar`-shape track, and therefore of its filled segments."}},{"name":"--lr-control-group-gap","description":{"kind":"markdown","value":"`<lr-control-group>` (default: `var(--lr-space-xs)`) — Gap between grouped controls."}},{"name":"--lr-conversation-item-active-bg","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. Contrast-sensitive: it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the label, which is not restyled by the pair)."}},{"name":"--lr-conversation-item-active-color","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. Contrast-sensitive: it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."}},{"name":"--lr-conversation-item-active-indicator-color","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-active-indicator-inset-inline","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-conversation-item-active-indicator-width","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-align","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `flex-start`) — Cross-axis alignment of `[part=\"base\"]` and `[part=\"select-button\"]`. `flex-start` (the default) suits the common multi-line row (a title plus an `excerpt`); `center` reads better for a reliably single-line row with a taller trailing action (e.g. `actions`), but is not the default because it would misalign every existing multi-line row's title against its own baseline."}},{"name":"--lr-conversation-item-compact-gap","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."}},{"name":"--lr-conversation-item-compact-padding","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-csv-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-csv-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-csv-viewer-max-height","description":{"kind":"markdown","value":"`<lr-csv-viewer>` (default: `none`) — Maximum block size allocated to `[part=\"body\"]`; the nested virtual-list scrolls data rows within the remainder below the persistent header. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-dashboard-grid-cell-hover-outline-color","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-color-border-strong)`) — Outline color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out."}},{"name":"--lr-dashboard-grid-collision-outline-color","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-color-danger)`) — Outline color of a cell whose current drag/resize preview collides with another cell."}},{"name":"--lr-dashboard-grid-columns","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `12`) — Author override for the column count; otherwise the normalized `columns` property supplies the computed value."}},{"name":"--lr-dashboard-grid-gap","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `8px`) — Author override for the gap between cells; otherwise the normalized `gap` property supplies a pixel value."}},{"name":"--lr-dashboard-grid-interaction-shadow","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-shadow-m)`) — Box shadow applied to a cell for the duration of its pointer drag or resize interaction."}},{"name":"--lr-dashboard-grid-row-height","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `80px`) — Author override for row track height; otherwise the normalized `rowHeight` property supplies a pixel value."}},{"name":"--lr-data-grid-cell-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `inherit`) — Text colour of body cells."}},{"name":"--lr-data-grid-cell-link-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand)`) — Colour of anchors returned by a column formatter or row detail renderer. These render inside the grid's shadow root, beyond the reach of page CSS. Set `revert` to restore the user-agent default."}},{"name":"--lr-data-grid-cell-link-hover-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-data-grid-cell-link-color,var(--lr-color-brand))`) — Colour of those anchors on hover, focus-visible, and active interaction."}},{"name":"--lr-data-grid-control-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed background for grid controls."}},{"name":"--lr-data-grid-control-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered background for grid controls."}},{"name":"--lr-data-grid-page-size-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed page-size selector background."}},{"name":"--lr-data-grid-row-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed data-row background."}},{"name":"--lr-data-grid-sortable-header-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed sortable-header background."}},{"name":"--lr-data-grid-sortable-header-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered sortable-header background."}},{"name":"--lr-dataset-viewer-header-row-bg","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"header-row\"]`, independent of the highlight outline above."}},{"name":"--lr-dataset-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-dataset-viewer-max-height","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`. `scrollMode='page'` deliberately ignores the cap and hands both axes to page flow so the sticky header can use the page scrollport."}},{"name":"--lr-date-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `color-mix(...)`) — Clear/calendar action background while pressed."}},{"name":"--lr-date-input-action-active-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-action-hover-color,var(--lr-color-text))`) — Clear/calendar action color while pressed."}},{"name":"--lr-date-input-action-active-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius while pressed."}},{"name":"--lr-date-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `transparent`) — Clear/calendar action background on hover."}},{"name":"--lr-date-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-text)`) — Clear/calendar action color on hover."}},{"name":"--lr-date-input-action-hover-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius on hover."}},{"name":"--lr-date-input-border-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row, `transparent` by default on the `filled` treatment."}},{"name":"--lr-date-input-control-height","description":{"kind":"markdown","value":"`<lr-date-input>` — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."}},{"name":"--lr-date-input-control-min-height","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-height)`) — Minimum block size of the input row, read from the shared form-control height ladder so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together. The smallest tiers can grow to fit the action buttons' 24px minimum and row borders."}},{"name":"--lr-date-input-fill","description":{"kind":"markdown","value":"`<lr-date-input>`* (default: `var(--lr-color-surface)`) — Resting background of the input row. The `filled`/`filled-outlined` treatments default it to `--lr-color-surface-raised`; a value set here wins over every treatment."}},{"name":"--lr-date-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-date-input-font-size","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-font-size)`) — Font size of the text input, scaled by `size`."}},{"name":"--lr-date-input-gap","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-space-xs)`) — Gap between input-row children."}},{"name":"--lr-date-input-padding-block","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-padding-block)`) — Text input block padding, scaled by `size`."}},{"name":"--lr-date-input-padding-inline","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-placeholder-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-text-quiet)`) — Placeholder text color."}},{"name":"--lr-date-input-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-radius)`) — Input-row corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-date-picker-day-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-date-picker-day-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-date-picker-day-outside-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text-quiet)`) — Adjacent-month day color."}},{"name":"--lr-date-picker-disabled-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text-quiet)`) — Disabled day text color."}},{"name":"--lr-date-picker-disabled-opacity","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-opacity-disabled)`) — Disabled day opacity."}},{"name":"--lr-date-picker-header-gap","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-space-s)`) — Month-header child gap."}},{"name":"--lr-date-picker-month-gap","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-space-l)`) — Gap between visible months."}},{"name":"--lr-date-picker-nav-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed month-navigation background."}},{"name":"--lr-date-picker-nav-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `[part=\"previous\"]`/`[part=\"next\"]` month-navigation buttons."}},{"name":"--lr-date-picker-preset-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` — Pressed background of a quick-range button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-date-picker-preset-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Hover background of a quick-range button."}},{"name":"--lr-date-picker-preset-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Background of the quick-range button whose range is currently selected."}},{"name":"--lr-date-picker-preset-selected-border","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Border color of the selected quick-range button."}},{"name":"--lr-date-picker-preset-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Foreground color of the selected quick-range button."}},{"name":"--lr-date-picker-radius","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-radius)`) — Calendar and control corner radius."}},{"name":"--lr-date-picker-range-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Selected-range interior background."}},{"name":"--lr-date-picker-range-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text)`) — Adjacent-month range text color."}},{"name":"--lr-date-picker-range-preview-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet))`) — Pending-range preview background."}},{"name":"--lr-date-picker-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Selected day/range-endpoint background."}},{"name":"--lr-date-picker-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Selected day/range-endpoint text color."}},{"name":"--lr-date-picker-title-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Pressed title background."}},{"name":"--lr-date-picker-title-active-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Pressed title color."}},{"name":"--lr-date-picker-title-active-radius","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-date-picker-radius)`) — Pressed title corner radius."}},{"name":"--lr-date-picker-title-hover-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Hovered title color."}},{"name":"--lr-date-picker-today-outline","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Today outline color."}},{"name":"--lr-date-picker-view-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Selection-view item pressed background."}},{"name":"--lr-date-picker-view-disabled-opacity","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-opacity-disabled)`) — Disabled selection-view item opacity."}},{"name":"--lr-date-picker-view-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Selection-view item hover background."}},{"name":"--lr-date-picker-view-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Selected selection-view item background."}},{"name":"--lr-date-picker-view-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Selected selection-view item text color."}},{"name":"--lr-date-picker-view-today-outline","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Current-period selection-view outline."}},{"name":"--lr-details-content-padding-block-end","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Panel content's trailing block padding, independently tunable from the summary's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-details-content-padding-inline","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Panel content's inline padding, independently tunable from the summary's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-details-filled-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Filled surface background."}},{"name":"--lr-details-filled-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `transparent`) — Filled border color."}},{"name":"--lr-details-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Filled-outlined surface background."}},{"name":"--lr-details-filled-outlined-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-details-font-size","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-form-control-font-size)`) — Text size of the summary and the panel. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-details-gap","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-space-s)`) — Gap between summary content and its icon."}},{"name":"--lr-details-outlined-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-surface)`) — Outlined surface background."}},{"name":"--lr-details-outlined-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-details-radius","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-radius)`) — Disclosure surface corner radius."}},{"name":"--lr-details-spacing","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-form-control-padding-inline)`) — Block rhythm: the summary's block padding and the panel's trailing padding, kept equal so a stack of disclosures reads evenly. Its private default follows the shared ladder's inline-padding knob, whose values suit a stacked panel; the ladder's own block padding exists to fit text inside a fixed control height and would collapse the summary row. An inherited or direct public value remains authoritative."}},{"name":"--lr-details-summary-active-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `color-mix(...)`) — Summary pressed background."}},{"name":"--lr-details-summary-hover-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Summary hover background."}},{"name":"--lr-details-summary-padding-block","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Summary block padding (top/bottom), independently tunable from the panel content's own padding. Falls through to `--lr-details-spacing` (and its private ladder default) when unset, so an un-set disclosure renders unchanged, mirroring how `--lr-details-gap`/`--lr-details-radius` are already independent of each other."}},{"name":"--lr-details-summary-padding-inline","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Summary inline padding (start/end), independently tunable from the panel content's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-dialog-backdrop-duration","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-duration-fast)`) — Duration of the backdrop's fade."}},{"name":"--lr-dialog-backdrop-filter","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `none`) — `backdrop-filter` applied to the scrim, for a frosted-glass treatment over the page behind it."}},{"name":"--lr-dialog-height","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `auto`) — Assertive block size for the panel, mirroring `--lr-dialog-width` on the other axis. Left at `auto` the panel shrink-wraps to its content, unchanged from before this property existed; always capped at `100%` (the viewport) like every other panel dimension. With it set, `body`'s own `flex: 1 1 auto` is what actually gives slotted content a definite, fillable block size -- `header` and `footer` keep their natural size and only `body` grows or shrinks into the remaining space."}},{"name":"--lr-dialog-max-width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-width, var(--_lr-dialog-max-width))`) — Cap on the panel's inline size. Falls back to `--lr-dialog-width` when that is set, so an assertive width is not clipped by the tier default; the viewport (`100%`) is always a hard limit on top. The innermost fallback steps with `size` across the shared six-step ladder (`20rem` at `2xs` up to `48rem` at `xl`, `32rem` unchanged at the `m` default) -- an inherited or direct value here still wins outright over every tier."}},{"name":"--lr-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-dialog-panel-duration","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-duration-base)`) — Duration of the panel's enter/exit animation."}},{"name":"--lr-dialog-spacing","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-space-l)`) — Padding inside the body, and the inline padding of the header and footer rows."}},{"name":"--lr-dialog-spacing-block","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-space-m)`) — Block padding of the header and footer rows, which are tighter than the body by default."}},{"name":"--lr-dialog-width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `auto`) — Assertive inline size for the panel. Left at `auto` the panel shrink-wraps to its content."}},{"name":"--lr-diff-view-add-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-success-quiet)`) — Added-line background."}},{"name":"--lr-diff-view-add-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-success)`) — Added-line text color."}},{"name":"--lr-diff-view-fold-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-surface-raised)`) — Fold-marker background."}},{"name":"--lr-diff-view-fold-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-text-quiet)`) — Fold-marker text color."}},{"name":"--lr-diff-view-font","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-font-mono)`) — Font family used for the diff lines."}},{"name":"--lr-diff-view-max-height","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the view scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-diff-view-remove-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-danger-quiet)`) — Removed-line background."}},{"name":"--lr-diff-view-remove-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-danger)`) — Removed-line text color."}},{"name":"--lr-dock-panel-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand-quiet)`) — Background of `collapse-toggle` on hover; also feeds its pressed background via `color-mix()`."}},{"name":"--lr-dock-panel-collapse-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand)`) — Text/icon color of `collapse-toggle` on hover, reused verbatim for its pressed color too."}},{"name":"--lr-dock-panel-collapsed-size","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-icon-button-size)`) — The extent the panel keeps along its resize axis while `collapsed` -- enough to still host the toggle button that re-expands it."}},{"name":"--lr-dock-panel-handle-active-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `color-mix(in oklab, var(--lr-dock-panel-handle-hover-color, var(--lr-color-brand)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of `handle` while actively dragged/pressed."}},{"name":"--lr-dock-panel-handle-hover-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand)`) — Background of `handle` on hover and keyboard focus -- scoped separately from `collapse-toggle`'s own hover tokens above even though both default to the same brand token, since the two serve unrelated purposes (drag affordance vs. button feedback)."}},{"name":"--lr-document-compare-pane-max-height","description":{"kind":"markdown","value":"`<lr-document-compare>` (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."}},{"name":"--lr-document-preview-active-border","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."}},{"name":"--lr-document-preview-download-link-active-bg","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the generic download link."}},{"name":"--lr-document-preview-download-link-hover-bg","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the generic download link."}},{"name":"--lr-document-preview-font","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-font-mono)`) — Font used for plain-text previews."}},{"name":"--lr-document-preview-highlight-accent-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-danger-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-neutral-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-success-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-warning-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-document-preview-max-height","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `none`) — Maximum body block size before the preview scrolls internally."}},{"name":"--lr-document-preview-progress","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `0`) — Unitless 0-100 completion of the determinate loading ring (multiplied by `1%` in its conic gradient). Written inline by the component from the clamped `progress` value, so it is a read-out rather than a consumer knob."}},{"name":"--lr-document-preview-spin-duration","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-transition-ambient)`) — Timing of one indeterminate loading-indicator rotation."}},{"name":"--lr-document-viewer-download-link-active-bg","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the download link."}},{"name":"--lr-document-viewer-download-link-hover-bg","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the download link."}},{"name":"--lr-document-viewer-max-height","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."}},{"name":"--lr-document-viewer-min-height","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `var(--lr-size-12rem)`) — Minimum block size of the dialog body before it grows to fit content."}},{"name":"--lr-document-viewer-width","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `auto`) — Assertive inline size for the nested dialog panel, forwarded to `<lr-dialog>`'s own `--lr-dialog-width`. Left at `auto` the panel shrink-wraps to content, capped by the dialog's own `--lr-dialog-max-width` tier -- set this instead of reaching through to `--lr-dialog-width` directly, which remains an internal implementation detail of the nested dialog."}},{"name":"--lr-docx-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Accent highlight background."}},{"name":"--lr-docx-viewer-highlight-active-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active highlight background."}},{"name":"--lr-docx-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active fallback-highlight outline."}},{"name":"--lr-docx-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Danger highlight background."}},{"name":"--lr-docx-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Neutral highlight background."}},{"name":"--lr-docx-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Success highlight background."}},{"name":"--lr-docx-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Warning highlight background."}},{"name":"--lr-docx-viewer-max-height","description":{"kind":"markdown","value":"`<lr-docx-viewer>` (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-docx-viewer-search-match-active-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active search-match background."}},{"name":"--lr-docx-viewer-search-match-active-foreground","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active search-match foreground."}},{"name":"--lr-docx-viewer-search-match-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Search-match background."}},{"name":"--lr-docx-viewer-table-header-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of a rendered document table's header row (`th`), independent of the highlight backgrounds below."}},{"name":"--lr-drawer-enter-x","description":{"kind":"markdown","value":"`<lr-drawer>` (default: `calc(-1 * var(--lr-size-1rem))`) — Horizontal offset the panel slides in from, and back out to, for start/end drawers. Its private default changes per placement (and flips under RTL); an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-enter-y","description":{"kind":"markdown","value":"`<lr-drawer>` (default: `calc(-1 * var(--lr-size-1rem))`) — Vertical offset the panel slides in from, and back out to, for top/bottom drawers. Its private default becomes `var(--lr-size-1rem)` for `bottom`; an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-height","description":{"kind":"markdown","value":"`<lr-drawer>` — Block size for top/bottom drawers."}},{"name":"--lr-drawer-width","description":{"kind":"markdown","value":"`<lr-drawer>` — Inline size for start/end drawers."}},{"name":"--lr-drop-zone-accept-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-success) 12%, transparent)`) — Background of `[part=\"overlay\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-drop-zone-accept-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-success)`) — Border color of `[part=\"overlay\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-drop-zone-overlay-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-brand) 8%, transparent)`) — Fill of `[part=\"overlay\"]` in that same neutral drag state."}},{"name":"--lr-drop-zone-overlay-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-brand)`) — Dashed border color of `[part=\"overlay\"]` in its neutral drag state, before an accept or reject verdict."}},{"name":"--lr-drop-zone-overlay-font-size","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-font-size-md-sm)`) — Overlay instructional text size."}},{"name":"--lr-drop-zone-overlay-gap","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-space-xs)`) — Gap between the overlay icon and text."}},{"name":"--lr-drop-zone-overlay-icon-size","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-font-size-xl)`) — `[part=\"overlay-icon\"]` glyph size."}},{"name":"--lr-drop-zone-radius","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-radius)`) — Corner radius of `[part=\"overlay\"]`."}},{"name":"--lr-drop-zone-reject-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-danger) 12%, transparent)`) — Background of `[part=\"overlay\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-drop-zone-reject-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-danger)`) — Border color of `[part=\"overlay\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-duration-ambient","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration ambient. Reads `--lr-theme-duration-slow`."}},{"name":"--lr-duration-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration base. Reads `--lr-theme-duration-normal`."}},{"name":"--lr-duration-fast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration fast. Reads `--lr-theme-duration-fast`."}},{"name":"--lr-duration-icon","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration icon. Reads `--lr-theme-duration-icon`."}},{"name":"--lr-easing-emphasized","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing emphasized. Reads `--lr-theme-easing-emphasized`."}},{"name":"--lr-easing-linear","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing linear. Reads `--lr-theme-easing-linear`."}},{"name":"--lr-easing-standard","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing standard. Reads `--lr-theme-easing-standard`."}},{"name":"--lr-ebook-viewer-max-height","description":{"kind":"markdown","value":"`<lr-ebook-viewer>` (default: `none`) — Maximum block size of the mount area epub.js renders into, before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-email-viewer-max-height","description":{"kind":"markdown","value":"`<lr-email-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-embedding-explorer-height","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `360px`) — The plot's `block-size`. Set on the host from the `height` property, whose default supplies the `360px`; a value the browser cannot parse as a `block-size` is dropped, leaving the `viewBox`-derived aspect-ratio size. A consumer's own `::part(plot) { block-size: ... }` rule still overrides it, and the narrow-allocation `min-block-size` floor still raises it."}},{"name":"--lr-embedding-explorer-selected-stroke","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-color-brand)`) — Stroke color of the selected point."}},{"name":"--lr-emoji-picker-active-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand-quiet)`) — Compatibility fallback background for hover and roving-active states."}},{"name":"--lr-emoji-picker-control-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Gap between field sections."}},{"name":"--lr-emoji-picker-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."}},{"name":"--lr-emoji-picker-glyph-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."}},{"name":"--lr-emoji-picker-hover-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Pointer-hover background. The legacy `--lr-emoji-picker-active-bg` remains its fallback."}},{"name":"--lr-emoji-picker-item-radius","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-radius-xs)`) — Search and emoji corner radius."}},{"name":"--lr-emoji-picker-item-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Floored at the shared `--lr-icon-button-size`; small size tiers scale the glyph without shrinking the interactive target."}},{"name":"--lr-emoji-picker-keyboard-active-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Roving keyboard/pointer-active background."}},{"name":"--lr-emoji-picker-keyboard-active-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color for the roving keyboard-active emoji."}},{"name":"--lr-emoji-picker-pressed-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `color-mix(...)`) — Pointer-pressed background."}},{"name":"--lr-emoji-picker-pressed-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color while an emoji button is being pointer-pressed."}},{"name":"--lr-emoji-picker-radius","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-radius)`) — Outer picker corner radius."}},{"name":"--lr-emoji-picker-row-height","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l))`) — One windowed row's height. Must stay at or above the item size plus the group-label band, or consecutive absolutely-positioned rows overlap."}},{"name":"--lr-emoji-picker-search-border-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-border)`) — Resting search border color, independent of the hover color below."}},{"name":"--lr-emoji-picker-search-clear-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Gap between the search field and the clear button inside `search-wrapper`."}},{"name":"--lr-emoji-picker-search-fill","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-surface)`) — Resting search background."}},{"name":"--lr-emoji-picker-search-font-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `inherit`) — Text size of the filter field."}},{"name":"--lr-emoji-picker-search-hover-border-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Search hover border."}},{"name":"--lr-emoji-picker-search-min-height","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `auto`) — Minimum row height of the filter field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line the picker's own field up with the rest of an application's controls. `size` does not drive it: on this component `size` scales the emoji glyph and item box, not the form-control ladder."}},{"name":"--lr-emoji-picker-search-padding-block","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Block gutter of the filter field."}},{"name":"--lr-emoji-picker-search-padding-inline","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-s)`) — Inline gutter of the filter field."}},{"name":"--lr-emoji-picker-selected-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand-quiet)`) — Committed-value background."}},{"name":"--lr-emoji-picker-selected-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-text)`) — Committed-value foreground."}},{"name":"--lr-emoji-picker-selected-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color for the committed selection."}},{"name":"--lr-empty-compact-align","description":{"kind":"markdown","value":"`<lr-empty>` — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."}},{"name":"--lr-empty-compact-font-size","description":{"kind":"markdown","value":"`<lr-empty>` — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."}},{"name":"--lr-empty-compact-gap","description":{"kind":"markdown","value":"`<lr-empty>` (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."}},{"name":"--lr-empty-compact-padding","description":{"kind":"markdown","value":"`<lr-empty>` (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."}},{"name":"--lr-entity-card-bg","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-color-surface)`) — Resting background of `[part=\"base\"]`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-entity-card-compact-gap","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-entity-card-compact-padding","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-entity-chip-bg","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `var(--lr-color-brand-quiet)`) — Background color."}},{"name":"--lr-entity-chip-border","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `transparent`) — Border color of the chip."}},{"name":"--lr-entity-chip-color","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."}},{"name":"--lr-env-list-reveal-active-bg","description":{"kind":"markdown","value":"`<lr-env-list>` (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."}},{"name":"--lr-env-list-reveal-active-border","description":{"kind":"markdown","value":"`<lr-env-list>` (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-eval-dataset-search-font-size","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-eval-dataset-search-min-height","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `auto`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line this field up with the rest of an application's controls."}},{"name":"--lr-eval-dataset-search-padding-block","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-space-xs)`) — Block gutter of the search field."}},{"name":"--lr-eval-dataset-search-padding-inline","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-space-s)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-eval-dataset-search-radius","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-file-icon-bg","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-color-brand-quiet)`) — Background of the `icon` part. Every file category renders the same fill; retint it without hijacking `--lr-color-brand-quiet` library-wide."}},{"name":"--lr-file-icon-color","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-color-brand)`) — Text/glyph color of the `icon` part."}},{"name":"--lr-file-icon-size","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."}},{"name":"--lr-file-input-accept-bg","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-accept-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-success)`) — Border color of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-compact-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."}},{"name":"--lr-file-input-compact-gap","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."}},{"name":"--lr-file-input-compact-padding","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-s)`) — `[part~=\"base\"]` padding while `compact`."}},{"name":"--lr-file-input-detail-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-sm)`) — Size of the secondary text: the hint, the validation error, and each selected file's formatted size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-border)`) — Resting dropzone border color. The dashed border style is unchanged."}},{"name":"--lr-file-input-dropzone-fill","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-surface)`) — Resting dropzone background, the state it spends most of its life in. The drag accept/reject tints have had their own hooks since 12.0.0; this one completes the set."}},{"name":"--lr-file-input-dropzone-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-md-sm)`) — Instructional text size inside the dropzone. Retuned per `size` tier; the documented default is the `m`/`medium` tier."}},{"name":"--lr-file-input-dropzone-hover-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-brand)`) — Dropzone border color while the pointer is over it, whether over the button or over the content stacked on it."}},{"name":"--lr-file-input-dropzone-icon-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-xl)`) — `[part=\"dropzone-icon\"]` glyph size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-padding","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-l)`) — Padding inside `[part~=\"base\"]` and the stacked dropzone content. Retuned per `size` tier; `compact` overrides it."}},{"name":"--lr-file-input-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-form-control-font-size)`) — Label and selected-filename text size; tracks the shared `size` ladder."}},{"name":"--lr-file-input-gap","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-xs)`) — Gap between the dropzone's slotted children. While `compact`, this is the fallback when `--lr-file-input-compact-gap` is unset."}},{"name":"--lr-file-input-radius","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-radius)`) — Corner radius of `[part~=\"base\"]`."}},{"name":"--lr-file-input-reject-bg","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-file-input-reject-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-danger)`) — Border color of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-filter-bar-field-basis","description":{"kind":"markdown","value":"`<lr-filter-bar>` (default: `var(--lr-size-12rem)`) — Flex-basis of each filter's `field` wrapper, controlling how many fields fit per row before the row wraps."}},{"name":"--lr-filter-bar-gap","description":{"kind":"markdown","value":"`<lr-filter-bar>` (default: `var(--lr-space-s)`) — Gap between filter fields, the `end` slot, the reset button, and the loading status in the `controls` row."}},{"name":"--lr-flag-aspect-ratio","description":{"kind":"markdown","value":"`<lr-flag>` (default: `4 / 3`) — Rectangular flag aspect ratio."}},{"name":"--lr-flag-object-fit","description":{"kind":"markdown","value":"`<lr-flag>` (default: `cover`) — How the image fits its flag frame."}},{"name":"--lr-flag-radius","description":{"kind":"markdown","value":"`<lr-flag>` — Rectangular flag corner radius."}},{"name":"--lr-flow-canvas-connection-line-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Stroke color of `[part=\"connection-line\"]`, the in-progress connect-gesture path drawn while dragging a new connection, independent of a finished edge's own `--lr-flow-canvas-edge--color`."}},{"name":"--lr-flow-canvas-drop-active-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>`* (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."}},{"name":"--lr-flow-canvas-edge-brand-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Brand edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-danger-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-danger)`) — Danger edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-neutral-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-border)`) — Neutral edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-success-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-success)`) — Success edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-warning-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-warning)`) — Warning edge and arrowhead color."}},{"name":"--lr-flow-canvas-grid-size","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-size-0-5rem)`) — Dotted background spacing. The `grid` property supplies the fallback when this hook is unset; an element or ancestor hook takes precedence."}},{"name":"--lr-flow-canvas-march-duration","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-duration-ambient)`) — Running-edge march animation duration."}},{"name":"--lr-flow-canvas-node-connect-invalid-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-selected-outline-color` above."}},{"name":"--lr-flow-canvas-node-connect-target-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."}},{"name":"--lr-flow-canvas-node-hover-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-border-strong)`) — Outline color of a node's mouse-hover preview of its own `:focus-visible` ring. Unlike the four state-scoped colors above this one is `:hover`-gated rather than attribute-gated, so a `::part(node):hover` override would lose to this rule's own higher internal specificity rather than to the `::part()[attr]` restriction those four work around. Set to `transparent` to opt out."}},{"name":"--lr-flow-canvas-node-selected-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Outline color of a selected node."}},{"name":"--lr-flow-controls-lock-active-color","description":{"kind":"markdown","value":"`<lr-flow-controls>` (default: `var(--lr-color-brand)`) — Pressed lock-button foreground."}},{"name":"--lr-flow-minimap-block-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-size-8rem)`) — Map block size."}},{"name":"--lr-flow-minimap-inline-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-size-12rem)`) — Map inline size."}},{"name":"--lr-flow-minimap-viewport-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-brand)`) — Fill (mixed 15% into transparent) and stroke of `[part=\"viewport\"]`, the rectangle showing the canvas's visible area, independent of the per-status node fills above."}},{"name":"--lr-flow-minimap-viewport-min-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-icon-button-size)`) — Smallest rendered size, in physical pixels, of the transparent `viewport-hit-area` along either axis. On a canvas whose node bounds dwarf the visible viewport the raw rectangle collapses to a few pixels, which leaves the only pointer-drag handle for panning effectively unclickable; the floor grows it symmetrically about its own centre so it still points at what the viewport shows. The visible `viewport` stays exact. Defaults to Lyra's 40px interaction floor; set `0` to opt out."}},{"name":"--lr-flow-node-compact-gap","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."}},{"name":"--lr-flow-node-compact-padding","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."}},{"name":"--lr-flow-node-min-inline-size","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."}},{"name":"--lr-flow-node-progress-fill-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Determinate progress fill color, independent from the track and other brand-colored states."}},{"name":"--lr-flow-node-progress-track-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-border)`) — Determinate progress track color."}},{"name":"--lr-flow-node-running-border","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-outline-color` so a consumer can retint just one of the two states without the other following along."}},{"name":"--lr-flow-node-running-glow","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."}},{"name":"--lr-flow-node-selected-outline-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Outline color of the card while `selected`. The outline stays independent from execution-state border and glow."}},{"name":"--lr-flow-status-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-border-strong)`) — Fill of nodes without an execution status.\n\n`<lr-flow-node>` (default: `var(--lr-color-border-strong)`) — Status-dot color when no execution status is set.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-border-strong)`) — Count-dot color when no execution status is set."}},{"name":"--lr-flow-status-denied-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-warning)`) — Denied-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-warning)`) — Denied status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-warning)`) — Denied count-dot color."}},{"name":"--lr-flow-status-error-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-danger)`) — Failed-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-danger)`) — Error status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-danger)`) — Error count-dot color."}},{"name":"--lr-flow-status-pending-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-border-strong)`) — Pending-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-border-strong)`) — Pending status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-border-strong)`) — Pending count-dot color."}},{"name":"--lr-flow-status-running-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-brand)`) — Running-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Running status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-brand)`) — Running count-dot color."}},{"name":"--lr-flow-status-success-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-success)`) — Successful-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-success)`) — Success status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-success)`) — Success count-dot color."}},{"name":"--lr-focus-ring","description":{"kind":"markdown","value":"Shared design token — Composite focus-ring outline shorthand, derived from the width and color parts. Mirrors the ready-made outline value Web Awesome exposes as --wa-focus-ring so a migrating consumer has a one-to-one target instead of hand-expanding every site. Offset stays separate because outline-offset is its own property."}},{"name":"--lr-focus-ring-color","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring color. Reads `--lr-theme-color-focus`."}},{"name":"--lr-focus-ring-offset","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring offset. Reads `--lr-theme-focus-ring-offset`."}},{"name":"--lr-focus-ring-width","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring width. Reads `--lr-theme-focus-ring-width`."}},{"name":"--lr-font","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font. Reads `--lr-theme-font-family-body`."}},{"name":"--lr-font-mono","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font mono. Reads `--lr-theme-font-family-mono`."}},{"name":"--lr-font-size-2xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 2xl. Reads `--lr-theme-font-size-2xl`."}},{"name":"--lr-font-size-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 2xs. Reads `--lr-theme-font-size-2xs`."}},{"name":"--lr-font-size-3xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 3xl. Reads `--lr-theme-font-size-3xl`."}},{"name":"--lr-font-size-3xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 3xs. Reads `--lr-theme-font-size-3xs`."}},{"name":"--lr-font-size-lg","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size lg. Reads `--lr-theme-font-size-lg`."}},{"name":"--lr-font-size-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size m. Reads `--lr-theme-font-size-m`."}},{"name":"--lr-font-size-md-sm","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size md sm. Reads `--lr-theme-font-size-md-sm`."}},{"name":"--lr-font-size-sm","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size sm. Reads `--lr-theme-font-size-sm`."}},{"name":"--lr-font-size-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size xl. Reads `--lr-theme-font-size-xl`."}},{"name":"--lr-font-size-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size xs. Reads `--lr-theme-font-size-xs`."}},{"name":"--lr-font-weight-bold","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight bold. Reads `--lr-theme-font-weight-bold`."}},{"name":"--lr-font-weight-medium","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight medium. Reads `--lr-theme-font-weight-medium`."}},{"name":"--lr-font-weight-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight normal. Reads `--lr-theme-font-weight-normal`."}},{"name":"--lr-font-weight-semibold","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight semibold. Reads `--lr-theme-font-weight-semibold`."}},{"name":"--lr-form-control-focus-shadow","description":{"kind":"markdown","value":"`<lr-combobox>`, `<lr-date-input>`, `<lr-file-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-phone-input>`, `<lr-select>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-token-input>` (default: `none`) — The shared field focus halo, painted as a `box-shadow` while this control is focused. One name for every field-shaped control in the library, so a halo is configured once rather than per component. Additive: the focus outline and border cue are the accessibility answer to focus and are never replaced by it."}},{"name":"--lr-form-control-height-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height 2xs. Reads `--lr-theme-form-control-height-2xs`."}},{"name":"--lr-form-control-height-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height l. Reads `--lr-theme-form-control-height-l`."}},{"name":"--lr-form-control-height-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height m. Reads `--lr-theme-form-control-height-m`."}},{"name":"--lr-form-control-height-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height s. Reads `--lr-theme-form-control-height-s`."}},{"name":"--lr-form-control-height-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height xl. Reads `--lr-theme-form-control-height-xl`."}},{"name":"--lr-form-control-height-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height xs. Reads `--lr-theme-form-control-height-xs`."}},{"name":"--lr-form-control-radius","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control radius; falls back to the shared corner radius when no per-control-family override is set. Reads `--lr-theme-form-control-radius`."}},{"name":"--lr-form-control-required-color","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>` (default: `var(--lr-color-danger)`) — Required-marker color, themeable independently of error text and invalid borders.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>` (default: `var(--lr-color-danger)`) — Color of that marker, retunable without touching any other danger-coloured surface.\n\n`<lr-rubric-form>` (default: `var(--lr-color-danger)`) — Color of that marker, independently retunable from field errors."}},{"name":"--lr-form-control-required-content","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>` (default: `' '`) — The required marker appended to `form-control-label` while `required` is set. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`* (default: `' '`) — The required-field marker rendered after the label. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n`<lr-known-date>`* (default: `' '`) — The required-field marker, rendered after the `legend` box. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n`<lr-rubric-form>`* (default: `' '`) — Required-field marker after rubric-owned score and unsupported-field labels. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n`<lr-tool-param-form>`* (default: `' '`) — The required-field marker rendered after the `label` part of every field whose key is listed in the schema's `required` array — per field here, not per host, because this control's value is a whole object. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here."}},{"name":"--lr-form-control-required-offset","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`* (default: `0`) — Inline space between the label text and the required marker.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>` (default: `0`) — Inline space between the label text and the marker.\n\n`<lr-rubric-form>` (default: `0`) — Inline space between the label text and marker."}},{"name":"--lr-funnel-bar-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-brand)`) — Fill of every stage bar that has no own color."}},{"name":"--lr-funnel-bar-size","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-size-1-5rem)`) — Thickness of a stage's track."}},{"name":"--lr-funnel-comparison-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-border-strong)`) — Outline of the comparison bars."}},{"name":"--lr-funnel-track-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-surface-raised)`) — Background of the bar track."}},{"name":"--lr-gauge-fill","description":{"kind":"markdown","value":"`<lr-gauge>` (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges. The token default follows the effective variant -- `variant`, or the matching `thresholds` entry -- rather than always `brand`."}},{"name":"--lr-graph-cat-1","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-1,#8250df)`) — First categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 1. Reads `--lr-theme-graph-cat-1`."}},{"name":"--lr-graph-cat-2","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-2,#bf3989)`) — Second categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 2. Reads `--lr-theme-graph-cat-2`."}},{"name":"--lr-graph-cat-3","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-3,#0a7d91)`) — Third categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 3. Reads `--lr-theme-graph-cat-3`."}},{"name":"--lr-graph-cat-4","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-4,#57606a)`) — Fourth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 4. Reads `--lr-theme-graph-cat-4`."}},{"name":"--lr-graph-cat-5","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-5,#b083f5)`) — Fifth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 5. Reads `--lr-theme-graph-cat-5`."}},{"name":"--lr-graph-cat-6","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-6,#f470b8)`) — Sixth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 6. Reads `--lr-theme-graph-cat-6`."}},{"name":"--lr-graph-cat-7","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-7,#52d6e8)`) — Seventh categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 7. Reads `--lr-theme-graph-cat-7`."}},{"name":"--lr-graph-cat-8","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-8,#c9d1d9)`) — Eighth categorical fallback color for typed nodes; the palette wraps for later `nodeTypes` entries.\n\nShared design token — Canonical shared component token for graph cat 8. Reads `--lr-theme-graph-cat-8`."}},{"name":"--lr-graph-dimmed-opacity","description":{"kind":"markdown","value":"`<lr-graph>` (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."}},{"name":"--lr-graph-edge-label-halo","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."}},{"name":"--lr-graph-focus-halo-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."}},{"name":"--lr-graph-hull-fill","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — Hull fill/stroke color."}},{"name":"--lr-graph-hull-opacity","description":{"kind":"markdown","value":"`<lr-graph>` (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary). Applies to both SVG and canvas renderers."}},{"name":"--lr-graph-legend-hidden-color","description":{"kind":"markdown","value":"`<lr-graph-legend>` (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."}},{"name":"--lr-graph-legend-hidden-swatch-opacity","description":{"kind":"markdown","value":"`<lr-graph-legend>` (default: `0.5`) — Opacity of a filtered-out row's decorative swatch."}},{"name":"--lr-graph-query-builder-run-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Run button pressed background; defaults to the current brand active mix."}},{"name":"--lr-graph-query-builder-run-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand)`) — Run button resting background."}},{"name":"--lr-graph-query-builder-run-border-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand)`) — Run button resting border color."}},{"name":"--lr-graph-query-builder-run-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-on-brand)`) — Run button resting foreground."}},{"name":"--lr-graph-query-builder-run-hover-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Run button hover background; defaults to the current brand hover mix."}},{"name":"--lr-graph-query-builder-save-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Save button pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-graph-query-builder-save-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-surface)`) — Save button resting background."}},{"name":"--lr-graph-query-builder-save-border-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-border)`) — Save button resting border color."}},{"name":"--lr-graph-query-builder-save-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text)`) — Save button resting foreground."}},{"name":"--lr-graph-query-builder-save-hover-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand-quiet)`) — Save button hover background."}},{"name":"--lr-graph-query-builder-saved-delete-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-danger-quiet)`) — Saved-query delete pressed background."}},{"name":"--lr-graph-query-builder-saved-delete-active-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Saved-query delete pressed foreground; defaults to the current danger active mix."}},{"name":"--lr-graph-query-builder-saved-delete-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text-quiet)`) — Saved-query delete foreground."}},{"name":"--lr-graph-query-builder-saved-delete-hover-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-danger)`) — Saved-query delete hover foreground."}},{"name":"--lr-graph-query-builder-saved-load-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Saved-query Load button pressed background; defaults to the current surface active mix."}},{"name":"--lr-graph-query-builder-saved-load-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text)`) — Saved-query Load button foreground."}},{"name":"--lr-graph-selected-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-success)`) — Selected node/link stroke."}},{"name":"--lr-heatmap-annotation-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-danger)`) — Border color for an annotated cell."}},{"name":"--lr-heatmap-color-steps-gradient","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `linear-gradient(to right, var(--lr-heatmap-scale-lo), var(--lr-heatmap-scale-hi))`) — Gradient painted on the continuous legend bar. Set on the host by the component itself while `colorSteps` is supplied AND the legend is rendered, and removed again when either stops being true -- `withoutLegend` takes the whole legend row out of the DOM, and the legend bar is this property's only reader; the fallback is the two-endpoint scale ramp."}},{"name":"--lr-heatmap-focus-ring-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."}},{"name":"--lr-heatmap-grid-max-block-size","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `none`) — Block-size ceiling of the `stickyLabels` scrollport. A frozen column band only stays behind once the grid actually scrolls vertically."}},{"name":"--lr-heatmap-label-font","description":{"kind":"markdown","value":"`<lr-heatmap>` — Font for axis/legend labels drawn on the canvas."}},{"name":"--lr-heatmap-no-data-fill","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-no-data)`) — Fill for cells with no value."}},{"name":"--lr-heatmap-scale-hi","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-scale-lo","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-selected-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-success)`) — Border color for the selected cell."}},{"name":"--lr-heatmap-sticky-label-bg","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-surface)`) — Backdrop painted under a frozen `stickyLabels` band. Must be opaque: it covers the same labels the scrolling canvas painted underneath it."}},{"name":"--lr-heatmap-tooltip-bg","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-surface)`) — Hover tooltip background."}},{"name":"--lr-heatmap-tooltip-text","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-text)`) — Hover tooltip text color."}},{"name":"--lr-highlight-layer-accent-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Accent highlight background."}},{"name":"--lr-highlight-layer-accent-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Accent highlight outline."}},{"name":"--lr-highlight-layer-danger-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Danger highlight background."}},{"name":"--lr-highlight-layer-danger-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Danger highlight outline."}},{"name":"--lr-highlight-layer-flash-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Flash-state background."}},{"name":"--lr-highlight-layer-neutral-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Neutral highlight background."}},{"name":"--lr-highlight-layer-neutral-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Neutral highlight outline."}},{"name":"--lr-highlight-layer-success-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Success highlight background."}},{"name":"--lr-highlight-layer-success-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Success highlight outline."}},{"name":"--lr-highlight-layer-warning-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Warning highlight background."}},{"name":"--lr-highlight-layer-warning-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Warning highlight outline."}},{"name":"--lr-hover-brightness","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for hover brightness. Reads `--lr-theme-hover-brightness`."}},{"name":"--lr-html-viewer-max-height","description":{"kind":"markdown","value":"`<lr-html-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-icon-button-background","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `transparent`) — Background fill of the native button."}},{"name":"--lr-icon-button-background-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background fill while pressed: the same mix at the stronger `--lr-color-mix-active` share, so the pressed state is visibly more than the hover."}},{"name":"--lr-icon-button-background-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background fill on hover. Before 8.0.0 this fell back to `var(--lr-color-surface)` — the page background — so on a default page a hovered icon button painted itself the colour it was already sitting on and showed no hover at all."}},{"name":"--lr-icon-button-border","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `0`) — Complete border shorthand of the native button."}},{"name":"--lr-icon-button-border-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-border-hover, var(--lr-icon-button-border, 0))`) — Complete border shorthand while pressed; falls through to the hover border when only that is set."}},{"name":"--lr-icon-button-border-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-border, 0)`) — Complete border shorthand on hover."}},{"name":"--lr-icon-button-color","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `inherit`) — Icon/text color of the native button."}},{"name":"--lr-icon-button-color-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-color-hover, var(--lr-icon-button-color, inherit))`) — Icon/text color while pressed; falls through to the hover colour when only that is set."}},{"name":"--lr-icon-button-color-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-color, inherit)`) — Icon/text color on hover."}},{"name":"--lr-icon-button-radius","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-radius)`) — Corner radius of the native button."}},{"name":"--lr-icon-button-size","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `2.5rem`) — Minimum tappable inline and block size of the native button — a floor, not a fixed size: content larger than it grows the button and keeps its own aspect ratio, while a small glyph pads out to it. A library-wide token (declared on `:root` by `tokens.styles.ts`, and the shared minimum tappable size several other components size their icon controls against), so overriding it globally resizes all of them together.\n\nShared design token — Canonical shared component token for icon button size. Reads `--lr-theme-icon-button-size`."}},{"name":"--lr-icon-fixed-width","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-size-1-5em)`) — Inline size of the box while `fixed-width` is set; the glyph keeps `--lr-icon-size` and centers inside it."}},{"name":"--lr-icon-flip-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Horizontal scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-flip-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Vertical scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-rotate","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0deg`) — Rotation applied to the box. Written inline from the `rotate` property, so set that rather than this property."}},{"name":"--lr-icon-size","description":{"kind":"markdown","value":"`<lr-icon>` — Optional inline and block size override for every canvas."}},{"name":"--lr-image-comparer-divider-width","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--divider-width, var(--lr-size-1px))`) — Width of the dividing line. The canonical, namespaced override; prefer it over the bare compat name, which inherits and so retunes every element in the subtree reading that generic name."}},{"name":"--lr-image-comparer-handle-size","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--handle-size, var(--lr-icon-button-size))`) — Inline and block size of the visible compare handle. Canonical, namespaced override."}},{"name":"--lr-image-viewer-annotate-active-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."}},{"name":"--lr-image-viewer-annotate-active-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."}},{"name":"--lr-image-viewer-annotation-box-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `color-mix(in srgb, var(--lr-color-brand) 15%, transparent)`) — Fill of `[part=\"annotation-box\"]`."}},{"name":"--lr-image-viewer-annotation-box-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotation-box\"]`, the in-progress draft rectangle drawn while annotating, independent of the saved `[part=\"highlight\"]` boxes' own tone colors."}},{"name":"--lr-image-viewer-highlight-active-border-width","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-border-width-thick)`) — Border width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-color","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."}},{"name":"--lr-image-viewer-highlight-active-outline-offset","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-focus-ring-offset)`) — Outline offset of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-outline-width","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-focus-ring-width)`) — Outline width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `color-mix(in srgb, var(--lr-color-brand) 20%, transparent)`) — Default highlight fill."}},{"name":"--lr-image-viewer-highlight-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Default highlight border."}},{"name":"--lr-image-viewer-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Danger-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-danger-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Danger-tone highlight border."}},{"name":"--lr-image-viewer-highlight-fill","description":{"kind":"markdown","value":"`<lr-image-viewer>` — The resting fill a `[part=\"highlight\"]` actually renders, resolved per tone from the `--lr-image-viewer-highlight--bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one highlight; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-image-viewer-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>`* — Neutral-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-neutral-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Neutral-tone highlight border."}},{"name":"--lr-image-viewer-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Success-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-success-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Success-tone highlight border."}},{"name":"--lr-image-viewer-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Warning-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-warning-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Warning-tone highlight border."}},{"name":"--lr-ingestion-queue-max-height","description":{"kind":"markdown","value":"`<lr-ingestion-queue>` (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."}},{"name":"--lr-inline-cursor-height","description":{"kind":"markdown","value":"`<lr-streaming-text>`, `<lr-streaming-text-core>` (default: `var(--lr-size-1em)`) — Shared height of the inline cursor bar.\n\n`<lr-typing-indicator>` (default: `var(--lr-size-1em)`) — Shared inline-cursor height."}},{"name":"--lr-inline-cursor-width","description":{"kind":"markdown","value":"`<lr-streaming-text>`, `<lr-streaming-text-core>` (default: `var(--lr-size-0-125rem)`) — Shared width of the inline cursor bar (also its border radius).\n\n`<lr-typing-indicator>` (default: `var(--lr-size-0-125rem)`) — Shared inline-cursor width. The `size` property supplies compact and roomy tier fallbacks."}},{"name":"--lr-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `color-mix(in oklab,var(--lr-color-surface),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed action background. The same hooks apply to `lr-number-input`'s stepper pair."}},{"name":"--lr-input-action-active-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-input-action-hover-color,var(--lr-color-text))`) — Pressed action color."}},{"name":"--lr-input-action-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-text-quiet)`) — Resting clear/password/number- stepper action color."}},{"name":"--lr-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-text)`) — Hovered action color."}},{"name":"--lr-input-border-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-border)`) — Border color of the control row, with a private default that changes per `appearance` in the same way as `--lr-input-fill`."}},{"name":"--lr-input-control-height","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` — Exact outer control height. Unset by default, which leaves `--lr-input-control-min-height` as a floor only; set it to a length to both floor and cap the control row (e.g. to pixel-match `<lr-select>`/`<lr-combobox>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-input-control-min-height","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-height)`) — Outer control height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so an input is exactly as tall as an `<lr-button>`/`<lr-select>` of the same tier."}},{"name":"--lr-input-fill","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `transparent`) — Background of the control row. Its private default changes per `appearance`; the public value remains authoritative in every appearance."}},{"name":"--lr-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand)`) — Control-row border color while focus is within the field."}},{"name":"--lr-input-font-size","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-font-size)`) — Font size of the native input, from the active `size` tier."}},{"name":"--lr-input-gap","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."}},{"name":"--lr-input-padding-block","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-padding-block)`) — Block padding of the native input, from the active `size` tier of the shared ladder."}},{"name":"--lr-input-padding-inline","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the control row, from the active `size` tier."}},{"name":"--lr-input-radius","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-radius)`) — Corner radius of the control row, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` swaps it to `--lr-radius-pill`."}},{"name":"--lr-input-time-picker-active-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand)`) — Pressed background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-input-time-picker-focus-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand-quiet)`) — Focus-visible background for the native time-picker indicator."}},{"name":"--lr-input-time-picker-focus-ring","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-focus-ring-color)`) — Focus-visible outline color for the native time-picker indicator."}},{"name":"--lr-input-time-picker-hover-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand-quiet)`) — Hover background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-json-viewer-active-outline","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-focus-ring-color)`) — Outline color for the current imperative search match."}},{"name":"--lr-json-viewer-boolean-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-warning)`) — Boolean value color."}},{"name":"--lr-json-viewer-font","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."}},{"name":"--lr-json-viewer-match-bg","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background (and surrounding box-shadow) of a key/value that currently matches `search`."}},{"name":"--lr-json-viewer-max-height","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the viewer scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-json-viewer-null-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-text-quiet)`) — Null, undefined, and circular-reference marker color."}},{"name":"--lr-json-viewer-number-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-brand)`) — Number value color."}},{"name":"--lr-json-viewer-row-hover-bg","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-brand-quiet)`) — Hover background for a structural row."}},{"name":"--lr-json-viewer-string-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-success)`) — String value color."}},{"name":"--lr-knowledge-base-admin-tab-selected-border","description":{"kind":"markdown","value":"`<lr-knowledge-base-admin>` (default: `var(--lr-color-brand)`) — Bottom border color of the selected `[part=\"tab\"]`."}},{"name":"--lr-knowledge-base-admin-tab-selected-color","description":{"kind":"markdown","value":"`<lr-knowledge-base-admin>` (default: `var(--lr-color-text)`) — Text color of the selected `[part=\"tab\"]`. `::part(tab)[aria-selected='true']` is invalid CSS, so this pair is the only way to restyle the active tab without re-pointing the shared brand/text tokens."}},{"name":"--lr-known-date-day-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-3-5em)`) — Inline size of the day field."}},{"name":"--lr-known-date-field-font-size","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-font-size)`) — Font size of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-gap","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-space-s)`) — Gap between the three field blocks."}},{"name":"--lr-known-date-field-height","description":{"kind":"markdown","value":"`<lr-known-date>` — Exact block size of each `field-input`. Undeclared by default, so the field grows to fit its content, floored by `--lr-known-date-field-min-height`. Set it to pin a fixed height."}},{"name":"--lr-known-date-field-min-height","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of each `field-input`; its private default follows `size` (`2xs`/`xs`→`24px`, `s`→`1.875rem`, `m`→`2.5rem`, `l`→`3rem`, `xl`→`3.5rem`) -- the same shared control-height ladder `lr-input`/`lr-date-input` sit on, so a birthdate field in a form row beside those controls renders at the same height. The `max()` floors the two smallest tiers at WCAG 2.2 SC 2.5.8's 24px pointer-target minimum. At the small tiers the floor exceeds the field's own content height and actively pins the rendered box; at `l`/`xl` the content height stays under it, so those two tiers are unaffected. An inherited or direct public value wins in every tier."}},{"name":"--lr-known-date-field-padding-block","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-padding-block)`) — Block padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-padding-inline","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-invalid-border-color","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."}},{"name":"--lr-known-date-month-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-3-5em)`) — Inline size of the month field."}},{"name":"--lr-known-date-year-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-5em)`) — Inline size of the year field."}},{"name":"--lr-layer-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer base. Reads `--lr-theme-z-index-base`."}},{"name":"--lr-layer-content","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer content. Reads `--lr-theme-z-index-content`."}},{"name":"--lr-layer-dropdown","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer dropdown. Reads `--lr-theme-z-index-dropdown`."}},{"name":"--lr-layer-modal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer modal. Reads `--lr-theme-z-index-modal`."}},{"name":"--lr-layer-popover","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer popover. Reads `--lr-theme-z-index-popover`."}},{"name":"--lr-layer-toast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer toast. Reads `--lr-theme-z-index-toast`."}},{"name":"--lr-lightbox-control-bg","description":{"kind":"markdown","value":"`<lr-lightbox>` — Background for every floating/toolbar icon button."}},{"name":"--lr-lightbox-control-color","description":{"kind":"markdown","value":"`<lr-lightbox>` — Icon/text color paired with `--lr-lightbox-control-bg`."}},{"name":"--lr-lightbox-overlay-color","description":{"kind":"markdown","value":"`<lr-lightbox>` — The backdrop scrim color."}},{"name":"--lr-line-height-1-4","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height 1 4. Reads `--lr-theme-line-height-1-4`."}},{"name":"--lr-line-height-compact","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height compact. Reads `--lr-theme-line-height-compact`."}},{"name":"--lr-line-height-loose","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height loose. Reads `--lr-theme-line-height-loose`."}},{"name":"--lr-line-height-none","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height none. Reads `--lr-theme-line-height-none`."}},{"name":"--lr-line-height-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height normal. Reads `--lr-theme-line-height-normal`."}},{"name":"--lr-line-height-snug","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height snug. Reads `--lr-theme-line-height-snug`."}},{"name":"--lr-link-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."}},{"name":"--lr-lite-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-lite-chart>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-lite-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-lite-chart-selected-outline-color","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-lite-chart-selected-outline-width","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-size-2px)`) — Stroke width for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-locale-picker-expand-size","description":{"kind":"markdown","value":"`<lr-locale-picker>` — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-locale-picker-font-size","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the shared form-control size ladder."}},{"name":"--lr-locale-picker-gap","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-space-xs)`) — Trigger and option child gap."}},{"name":"--lr-locale-picker-open-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-locale-picker-option-active-bg","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-locale-picker-option-selected-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-locale-picker-option-selected-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-locale-picker-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-font-weight-semibold)`) — Selected option font weight."}},{"name":"--lr-locale-picker-radius","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-radius)`) — Trigger/listbox/option corner radius."}},{"name":"--lr-locale-picker-trigger-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-border)`) — Resting trigger border color."}},{"name":"--lr-locale-picker-trigger-fill","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-surface)`) — Resting trigger background."}},{"name":"--lr-locale-picker-trigger-height","description":{"kind":"markdown","value":"`<lr-locale-picker>` — Exact trigger height. Unset by default (a floor only via `-trigger-min-height`); set a length to both floor and cap the trigger, e.g. to pixel-match a sibling field in the same toolbar row."}},{"name":"--lr-locale-picker-trigger-hover-bg","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-locale-picker-trigger-hover-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-locale-picker-trigger-border-color)`) — Trigger border color while the pointer is over it. Unset, the border stays exactly where the resting state left it."}},{"name":"--lr-locale-picker-trigger-min-height","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-form-control-height)`) — Trigger block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-locale-picker-trigger-padding","description":{"kind":"markdown","value":"`<lr-locale-picker>`* — Trigger padding shorthand, scaled by `size`."}},{"name":"--lr-map-choropleth-fill-opacity","description":{"kind":"markdown","value":"`<lr-map>` (default: `0.75`) — Fill opacity for choropleth and polygon `dataLayers` fills. Read from the resolved cascade whenever those layers are applied or painted after a theme change."}},{"name":"--lr-map-height","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-map-popup-close-button-active-bg","description":{"kind":"markdown","value":"`<lr-map>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-active-color","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand)`) — Pressed foreground of `popup-close-button`. No style or tile provider is selected implicitly. Set `mapStyle` explicitly before connection; this prevents a bare component from making an undeclared third-party request."}},{"name":"--lr-map-popup-close-button-hover-bg","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand-quiet)`) — Hover background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-hover-color","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand)`) — Hover foreground of `popup-close-button`."}},{"name":"--lr-markdown-code-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Background shared by every inline `code` span and the fenced `code-block` surface."}},{"name":"--lr-markdown-code-block-padding","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-space-s) var(--lr-space-m)`) — Padding of the fenced `code-block` surface."}},{"name":"--lr-markdown-code-block-radius","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-radius)`) — Border radius of the fenced `code-block` surface."}},{"name":"--lr-markdown-code-padding","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-size-0-125rem) var(--lr-size-0-3125rem)`) — Padding of an inline `code` span."}},{"name":"--lr-markdown-code-radius","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `calc(var(--lr-radius) * 0.5)`) — Border radius of an inline `code` span."}},{"name":"--lr-markdown-font-mono","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."}},{"name":"--lr-markdown-highlight-accent-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Accent highlight fill."}},{"name":"--lr-markdown-highlight-active-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Active highlight fill."}},{"name":"--lr-markdown-highlight-active-outline-color","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand)`) — Active highlight outline."}},{"name":"--lr-markdown-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-danger-quiet)`) — Danger highlight fill."}},{"name":"--lr-markdown-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-surface)`) — Neutral highlight fill."}},{"name":"--lr-markdown-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-success-quiet)`) — Success highlight fill."}},{"name":"--lr-markdown-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-warning-quiet)`) — Warning highlight fill."}},{"name":"--lr-markdown-max-height","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `none`) — Cap on `[part=\"content\"]`'s block size, past which the document scrolls internally. The `maxHeight` property sets this token inline on `[part=\"content\"]`."}},{"name":"--lr-markdown-table-header-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Background of every rendered `[part=\"table\"]` header cell (`<th>`)."}},{"name":"--lr-mask-opaque","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for mask opaque."}},{"name":"--lr-media-card-active-bg","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background color for image/file card actions. Chrome escape hatch. `frame=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. `frame` is the library-wide name for this container treatment."}},{"name":"--lr-media-card-active-border-color","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed border color for image/file card actions."}},{"name":"--lr-media-card-bg","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `var(--lr-color-surface)`) — Background of the RESTING `frame=\"card\"` chrome, the companion to the pressed state's `--lr-media-card-active-bg`. `frame=\"plain\"` still drops the fill entirely."}},{"name":"--lr-media-card-max-height","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`."}},{"name":"--lr-memory-panel-confidence-danger-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-success-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-warning-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."}},{"name":"--lr-mention-popover-option-active-bg","description":{"kind":"markdown","value":"`<lr-mention-popover>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."}},{"name":"--lr-menu-item-active-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `color-mix(in oklab,var(--lr-menu-item-hover-bg,var(--lr-color-brand-quiet)),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled row while pressed, matching `--lr-option-active-bg`'s equivalent hook. Left unset, the pressed fill keeps mixing from `--lr-menu-item-hover-bg` as before this hook existed."}},{"name":"--lr-menu-item-checked-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `transparent`) — Background of a checked (`type=\"checkbox\" checked` or `type=\"radio\" checked`) row."}},{"name":"--lr-menu-item-checked-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Foreground of a checked row."}},{"name":"--lr-menu-item-checked-font-weight","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Font weight of a checked row."}},{"name":"--lr-menu-item-danger-active-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `color-mix(in oklab, var(--lr-color-danger-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled danger row while pressed. Checked-state hooks are also inline fallbacks, matching `<lr-option>`/`<lr-select>`/ `<lr-combobox>`/`<lr-tree-item>`'s equivalent row-chrome hooks; all three default to no visual change, so a `type=\"checkbox\"`/`type=\"radio\"` item's checked row paints identically to before these existed unless a consumer sets one."}},{"name":"--lr-menu-item-danger-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-danger)`) — Foreground of a `variant=\"danger\"` row."}},{"name":"--lr-menu-item-danger-hover-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-danger-quiet)`) — Background of an enabled danger row while hovered."}},{"name":"--lr-menu-item-gap","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-space-xs)`) — Gap between the visual parts of `[part=\"base\"]`, including its leading content, label, trailing details, and state glyphs. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. It is constant across the shared size ladder."}},{"name":"--lr-menu-item-hover-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-brand-quiet)`) — Background of an enabled row under the pointer. The pressed state mixes from this same value, so a retuned hover fill keeps its pressed step instead of snapping back to the brand default."}},{"name":"--lr-menu-item-icon-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Foreground of the leading icon wrapper. Unset it inherits the row's colour, including the danger variant's."}},{"name":"--lr-menu-item-min-height","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of the visual row. Unset it is the shared form-control ladder floored at the WCAG 2.2 SC 2.5.8 minimum, exactly as before this hook existed."}},{"name":"--lr-menu-item-radius","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-form-control-radius)`) — Corner radius of the visual row and focusable host. Its fallback follows the active shared size tier. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. Danger-state hooks are also inline fallbacks, so a menu can retheme only its dangerous rows without replacing the shared danger palette elsewhere."}},{"name":"--lr-menu-max-inline-size","description":{"kind":"markdown","value":"`<lr-menu>` (default: `var(--lr-size-20rem)`) — Width ceiling of the standalone menu surface and of a submenu's own surface. Takes a length or a percentage; `100%` and `none` both uncap it to the container, and any other value outside `<length-percentage>` is treated as `none` rather than silently dropping the cap's safety terms. The viewport clamp and the container allocation are applied outside this name, so no value can make a menu overflow either. A contained menu (inside `lr-dropdown`) sizes from its dropdown and is unaffected."}},{"name":"--lr-menu-min-inline-size","description":{"kind":"markdown","value":"`<lr-menu>` (default: `var(--lr-size-10rem)`) — Width floor of the same two surfaces. Lower it alongside `--lr-menu-max-inline-size` to make a menu narrower than 10rem; the floor wins over the ceiling, so capping alone cannot go below it."}},{"name":"--lr-message-feedback-down-active-bg","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-border","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-color","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-up-active-bg","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-border","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-color","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."}},{"name":"--lr-message-parts-audio-transcript-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-text-quiet)`) — Text color of an audio transcript."}},{"name":"--lr-message-parts-error-background","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger-quiet)`) — Background color of an error part."}},{"name":"--lr-message-parts-error-border-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger)`) — Border color of an error part."}},{"name":"--lr-message-parts-error-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger)`) — Text color of an error part."}},{"name":"--lr-message-parts-streaming-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-text-quiet)`) — Text color of a streaming part wrapper."}},{"name":"--lr-mind-map-node-hover-halo","description":{"kind":"markdown","value":"`<lr-mind-map>` (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."}},{"name":"--lr-mind-map-ring-gap","description":{"kind":"markdown","value":"`<lr-mind-map>` (default: `6rem`) — Radius step per depth ring."}},{"name":"--lr-model-select-expand-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-model-select-font-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-font-size)`) — Trigger/combobox font size, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-gap","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-space-xs)`) — Trigger, combobox, and option child gap."}},{"name":"--lr-model-select-max-inline-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-size-24rem)`) — The host's own width ceiling. Set a length to retune it, or `none` to let the control fill its container the way `<lr-select>` does."}},{"name":"--lr-model-select-open-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-model-select-option-active-bg","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-model-select-option-selected-bg","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-model-select-option-selected-border","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-model-select-option-selected-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-model-select-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-model-select-option-synthetic-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-model-select-option-synthetic-border-style","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-model-select-radius","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-radius)`) — Trigger, combobox, listbox, and option corner radius."}},{"name":"--lr-model-select-trigger-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-border)`) — Resting trigger/combobox border color, independent of the open-state color below."}},{"name":"--lr-model-select-trigger-fill","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-surface)`) — Resting trigger/combobox background."}},{"name":"--lr-model-select-trigger-height","description":{"kind":"markdown","value":"`<lr-model-select>` — Exact trigger/combobox height. Unset by default (a floor only, via `-trigger-min-height`); set a length to both floor and cap the control, e.g. to pixel-match a sibling field in the same toolbar row. Takes precedence over `-trigger-min-height`."}},{"name":"--lr-model-select-trigger-min-height","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-trigger-padding","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Trigger/combobox padding shorthand, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-settings-panel-max-inline-size","description":{"kind":"markdown","value":"`<lr-model-settings-panel>` (default: `var(--lr-size-28rem)`) — The card's own width ceiling. Set a length to retune it or `none` for a full-width card. `layout=\"compact\"` uncaps the card by default, and reads the same name, so a length still narrows a compact card."}},{"name":"--lr-multi-split-divider-active-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `color-mix(in oklab,var(--lr-color-brand),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — The divider hairline's color while a resize gesture is pressed (pointer capture holds this through the whole drag)."}},{"name":"--lr-multi-split-divider-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-border)`) — The divider hairline's resting color."}},{"name":"--lr-multi-split-divider-hover-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-brand)`) — The divider hairline's color on hover."}},{"name":"--lr-multi-split-divider-target-size","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `max(var(--lr-icon-button-size),var(--lr-size-3px))`) — The real layout gutter reserved for each divider along the resize axis. The narrow visual rule is centered inside this owned track, so the target never overlaps either adjacent panel."}},{"name":"--lr-multi-split-divider-thickness","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-size-3px)`) — The painted hairline's own thickness, independent of `--lr-multi-split-divider-target-size` above -- retuning either one never changes the other, so the WCAG 2.5.8 pointer target can never be shrunk by a thinner or thicker visual line."}},{"name":"--lr-multi-split-floating-panel-inline-size","description":{"kind":"markdown","value":"`<lr-multi-split>` — Overrides the `'floating'` collapse state's overlay card `inline-size`, which otherwise mirrors its own live `sizes[i]` percent (i.e. what it renders at in the `'wide'` state). Unset, geometry is identical to today's behavior; set, it wins over that percent without needing `!important` against the live-synced inline style."}},{"name":"--lr-multi-split-floating-panel-inset","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `0`) — The `'floating'` drawer's distance from `[part=\"base\"]`'s edges, applied to both block insets and to whichever logical inline edge `collapse` anchors the drawer to. Unset, the drawer stays flush with the container exactly as before; set once, it insets on all three anchored edges (the free inline edge stays governed by the panel's own width)."}},{"name":"--lr-multi-split-overlay-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-node-fill","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `LyraGraphNode.color`."}},{"name":"--lr-node-palette-search-font-size","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-node-palette-search-min-height","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-icon-button-size)`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-l` (or any tier of that ladder) to line this field up with the rest of an application's controls. It can only raise the height: the shared tappable-target minimum stays underneath it, so no tier can shrink the field past the WCAG floor."}},{"name":"--lr-node-palette-search-padding-block","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-space-xs)`) — Block gutter of the search field."}},{"name":"--lr-node-palette-search-padding-inline","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-space-s)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-node-palette-search-radius","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-notebook-viewer-active-bg","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor or the active search match."}},{"name":"--lr-notebook-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone (the default) highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-focus-ring-color)`) — Outline of the highlighted cell whose highlight `id` equals `activeHighlightId`."}},{"name":"--lr-notebook-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-surface-raised)`) — Background of a `neutral`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-max-height","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-opacity-disabled","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for opacity disabled. Reads `--lr-theme-opacity-disabled`."}},{"name":"--lr-opacity-muted","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for opacity muted. Reads `--lr-theme-opacity-muted`."}},{"name":"--lr-option-active-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `color-mix(in oklab, var(--lr-option-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background."}},{"name":"--lr-option-checked-icon-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand)`) — Selected checkmark color."}},{"name":"--lr-option-current-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand-quiet)`) — Keyboard-current background."}},{"name":"--lr-option-current-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--current-text-color, var(--lr-color-text))`) — Keyboard-current text color; the upstream `--current-text-color` remains its fallback."}},{"name":"--lr-option-hover-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-font-weight-semibold)`) — Selected label weight."}},{"name":"--lr-otp-input-active-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-focus-ring-color)`) — Active segment border."}},{"name":"--lr-otp-input-active-ring-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-focus-ring-color)`) — Active segment outer ring."}},{"name":"--lr-otp-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-color-danger)`) — Invalid segment border."}},{"name":"--lr-otp-input-mask-char","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `'•'`) — The glyph shown for a masked character, and for every empty segment while `with-mask` is set. Must be a quoted string, because it is used as CSS `content`."}},{"name":"--lr-otp-input-segment-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-color-border)`) — Border color of each segment."}},{"name":"--lr-otp-input-segment-fill","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `transparent`) — Background fill of each segment."}},{"name":"--lr-otp-input-segment-radius","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of each segment."}},{"name":"--lr-otp-input-segment-size","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-theme-otp-input-segment-size,2.5em)`) — Internal role token supplying the standalone segment size when `--segment-size` is unset.\n\nShared design token — Canonical shared component token for otp input segment size. Reads `--lr-theme-otp-input-segment-size`."}},{"name":"--lr-overlay-arrow-size","description":{"kind":"markdown","value":"`<lr-dropdown>` — Retained Lyra arrow-size fallback.\n\n`<lr-popover>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-overlay-border","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the picker panel.\n\n`<lr-combobox>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the listbox popup.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the panel and on the header's and footer's dividing rules.\n\n`<lr-dropdown>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface edge colour, with the same deliberate exclusion as `--lr-overlay-surface` above.\n\n`<lr-entity-chip>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the menu popup.\n\n`<lr-locale-picker>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-select>`, `<lr-voice-picker>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the same two surfaces. The header/footer dividing rules and a slotted `hr` are deliberately excluded: they separate content, they do not draw the surface's own edge.\n\n`<lr-popover>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the popup and on the arrow's two outward-facing edges.\n\n`<lr-selection-toolbar>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored picker panel.\n\n`<lr-tool-call-chip>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface edge colour. Same deliberate exclusion as `--lr-overlay-surface` above: the bubble draws no border.\n\n`<lr-usage-badge>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored breakdown tooltip."}},{"name":"--lr-overlay-max-inline-size","description":{"kind":"markdown","value":"`<lr-dropdown>` — Maximum inline size of the popup.\n\n`<lr-popover>` — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-overlay-radius","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the picker panel only as the middle arm of `--lr-color-picker-radius`, which still wins when set.\n\n`<lr-combobox>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the listbox popup.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the panel and on the close button.\n\n`<lr-dropdown>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface corner radius, with the same deliberate exclusion. The row's own corners come from `--lr-menu-item-radius`.\n\n`<lr-entity-chip>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the menu popup.\n\n`<lr-locale-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-locale-picker-radius`, which still wins when set.\n\n`<lr-mention-popover>`, `<lr-select>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the same two surfaces.\n\n`<lr-model-select>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-model-select-radius`, which still wins when set.\n\n`<lr-popover>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius. The arrow is deliberately excluded: its corners are already cut by its clip path.\n\n`<lr-selection-toolbar>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored picker panel.\n\n`<lr-tool-call-chip>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface corner radius. Same deliberate exclusion: the bubble keeps the tighter `--lr-radius-xs` a label-sized box reads best with.\n\n`<lr-usage-badge>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored breakdown tooltip.\n\n`<lr-voice-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-voice-picker-radius`, which still wins when set."}},{"name":"--lr-overlay-shadow-anchored","description":{"kind":"markdown","value":"`<lr-citation-badge>`, `<lr-color-picker>`, `<lr-entity-chip>`, `<lr-export-button>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-selection-toolbar>`, `<lr-time-input>`, `<lr-tool-call-chip>`, `<lr-usage-badge>`, `<lr-voice-picker>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored surface.\n\n`<lr-combobox>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored listbox popup.\n\n`<lr-dropdown>` (default: `var(--lr-shadow-m)`) — Elevation of an anchored, positioner-placed overlay, inherited from the popover surface.\n\n`<lr-locale-picker>`, `<lr-select>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored listbox.\n\n`<lr-menu>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored submenu surface.\n\n`<lr-popover>` (default: `var(--lr-shadow-m)`) — Elevation of an anchored, positioner-placed overlay. A separate tier from `--lr-overlay-shadow-modal`, so raising popups never raises dialogs."}},{"name":"--lr-overlay-shadow-modal","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-shadow-xl)`) — Elevation of a modal panel. A separate tier from `--lr-overlay-shadow-anchored`, so raising popups never raises dialogs."}},{"name":"--lr-overlay-surface","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the picker panel.\n\n`<lr-combobox>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox popup. This is the public arm the popup never had: retinting it no longer means retinting the page surface every card and input reads.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the panel. The same family every anchored popup now reads, so one declaration retints the dialog and the popups opened from it together.\n\n`<lr-dropdown>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface fill. Advertised here because this tag shares a stylesheet directory with `lr-menu`, whose surface reads it; a dropdown item is a row inside that surface and paints no surface of its own, so setting it here changes nothing.\n\n`<lr-entity-chip>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the menu popup.\n\n`<lr-locale-picker>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-voice-picker>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the standalone menu surface and on a submenu's own surface. A contained menu (inside `lr-dropdown`) paints no surface of its own, so it is unaffected.\n\n`<lr-popover>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, read by the popup and by its arrow. One declaration on any ancestor retints every overlay in that subtree without touching the page, card and control surfaces behind them.\n\n`<lr-select>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox. The listbox is a floating surface, so it retints with every other popup rather than with the trigger it drops from.\n\n`<lr-selection-toolbar>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-color-surface-raised)`) — Shared floating-surface fill, on the anchored picker panel. The family's own default is `var(--lr-color-surface-overlay)`; this panel deliberately keeps the raised tone as its unset value so it stays separated from the field it drops from, and it never read as a hole in dark mode.\n\n`<lr-tool-call-chip>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface fill. Advertised here because this tag's rules live in the stylesheet module `lr-popover` also composes; a tooltip bubble is a high-contrast label, not a panel, so it paints from `--lr-tooltip-background` and is deliberately outside the overlay-surface family.\n\n`<lr-usage-badge>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored breakdown tooltip."}},{"name":"--lr-page-aside-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `auto`) — Desktop aside column width."}},{"name":"--lr-page-banner-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum banner height and sticky offset."}},{"name":"--lr-page-header-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum header height and sticky offset."}},{"name":"--lr-page-main-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `1fr`) — Desktop main column width."}},{"name":"--lr-page-menu-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `auto`) — Desktop menu column width."}},{"name":"--lr-page-navigation-backdrop-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-overlay)`) — Background of the open mobile navigation backdrop."}},{"name":"--lr-page-navigation-drawer-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-surface-overlay)`) — Background of the mobile navigation drawer."}},{"name":"--lr-page-navigation-drawer-shadow","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-shadow-l)`) — Shadow of the mobile navigation drawer."}},{"name":"--lr-page-navigation-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-active-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-rail-current-bg","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."}},{"name":"--lr-page-rail-heat-accent-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-brand)`) — Background of an accent-tone (the default tone) `[part=\"heat-dot\"]` marker."}},{"name":"--lr-page-rail-heat-danger-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-danger)`) — Background of a danger-tone `[part=\"heat-dot-danger\"]` marker."}},{"name":"--lr-page-rail-heat-neutral-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-text-quiet)`) — Background of a neutral-tone `[part=\"heat-dot-neutral\"]` marker."}},{"name":"--lr-page-rail-heat-success-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-success)`) — Background of a success-tone `[part=\"heat-dot-success\"]` marker."}},{"name":"--lr-page-rail-heat-warning-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-warning)`) — Background of a warning-tone `[part=\"heat-dot-warning\"]` marker."}},{"name":"--lr-page-rail-height","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."}},{"name":"--lr-page-skip-to-content-active-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the pressed skip link."}},{"name":"--lr-page-skip-to-content-active-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of the pressed skip link."}},{"name":"--lr-page-skip-to-content-hover-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered skip link."}},{"name":"--lr-page-skip-to-content-hover-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of the hovered skip link."}},{"name":"--lr-page-subheader-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum subheader height and sticky offset. Interaction-state properties below are resolved as inline fallbacks, so setting one on the Page or any ancestor themes only its named target without replacing shared design tokens."}},{"name":"--lr-pagination-active-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Ordinary control pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-pagination-active-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Ordinary control pressed border color."}},{"name":"--lr-pagination-base-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-m)`) — Gap between the summary and controls."}},{"name":"--lr-pagination-control-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Resting background of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` — Resting border color of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-text)`) — Resting control foreground."}},{"name":"--lr-pagination-control-padding","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."}},{"name":"--lr-pagination-control-radius","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-radius)`) — Border radius of navigation buttons and the page input."}},{"name":"--lr-pagination-control-size","description":{"kind":"markdown","value":"`<lr-pagination>` — Control inline/block size; defaults from the `size` variant."}},{"name":"--lr-pagination-controls-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Gap between the navigation controls and the numbered-page list or compact page field."}},{"name":"--lr-pagination-current-active-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Current-page pressed background; defaults to the current brand active mix."}},{"name":"--lr-pagination-current-active-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page pressed border color."}},{"name":"--lr-pagination-current-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Current-page background."}},{"name":"--lr-pagination-current-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page border color."}},{"name":"--lr-pagination-current-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-on-brand)`) — Current-page foreground."}},{"name":"--lr-pagination-current-hover-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Current-page hover background."}},{"name":"--lr-pagination-current-hover-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page hover border color."}},{"name":"--lr-pagination-font-size","description":{"kind":"markdown","value":"`<lr-pagination>` — Control font size; defaults from the `size` variant."}},{"name":"--lr-pagination-hover-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand-quiet)`) — Ordinary control hover background."}},{"name":"--lr-pagination-hover-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Ordinary control hover border color."}},{"name":"--lr-pagination-invalid-border","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-danger)`) — Border color of `[part=\"page-input\"]` while the typed page is out of range (`aria-invalid=\"true\"`)."}},{"name":"--lr-pagination-pages-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Gap between numbered page controls."}},{"name":"--lr-pan-zoom-min-block-size","description":{"kind":"markdown","value":"`<lr-pan-zoom>` (default: `var(--lr-size-10rem)`) — Minimum viewport block size."}},{"name":"--lr-pan-zoom-zoom","description":{"kind":"markdown","value":"`<lr-pan-zoom>` (default: `1`) — Read-only scale written from `zoom`; set the property instead."}},{"name":"--lr-pdf-viewer-height","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."}},{"name":"--lr-pdf-viewer-search-match-active-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-warning)`) — Background of the currently active search match."}},{"name":"--lr-pdf-viewer-search-match-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a painted, non-active search match."}},{"name":"--lr-pdf-viewer-text-selection-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of a native text selection over a `text-span`, independent of the shared `--lr-color-brand-quiet` token."}},{"name":"--lr-pdf-viewer-toolbar-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of the `toolbar` part, independent of the shared `--lr-color-brand-quiet` token."}},{"name":"--lr-pdf-viewer-toolbar-button-hover-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-surface)`) — Hover fill of the toolbar buttons. Defaults to the surface fill rather than the toolbar's own tint so the hover state is actually visible against it. Also settable via the `max-height` property."}},{"name":"--lr-phone-input-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row. The invalid and focused states keep their own hooks and still win over it."}},{"name":"--lr-phone-input-control-height","description":{"kind":"markdown","value":"`<lr-phone-input>` — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-phone-input-control-min-height","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-phone-input-country-hover-bg","description":{"kind":"markdown","value":"`<lr-phone-input>`* (default: `var(--lr-color-brand-quiet)`) — Country trigger hover background."}},{"name":"--lr-phone-input-fill","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-surface)`) — Resting background of the input row."}},{"name":"--lr-phone-input-flag-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Selected flag size, scaled by `size`."}},{"name":"--lr-phone-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-phone-input-font-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Input/flag/country-code/calling-code font size, scaled by `size`."}},{"name":"--lr-phone-input-gap","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-space-xs)`) — Country-trigger child gap."}},{"name":"--lr-phone-input-glyph-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Country selector glyph size, scaled by `size`."}},{"name":"--lr-phone-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-phone-input-padding-block","description":{"kind":"markdown","value":"`<lr-phone-input>` — Input block-padding, scaled by `size` through the shared form-control ladder."}},{"name":"--lr-phone-input-radius","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-radius)`) — Input-wrapper corner radius, shared with the country trigger's leading corners. The `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-policy-summary-count-allow-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-success)`) — Text color of the `allow` count."}},{"name":"--lr-policy-summary-count-deny-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-danger)`) — Text color of the `deny` count."}},{"name":"--lr-policy-summary-count-needs-review-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."}},{"name":"--lr-poll-status-due-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."}},{"name":"--lr-poll-status-pause-active-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` — `pause-button` pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-poll-status-pause-active-color","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand)`) — `pause-button` pressed foreground."}},{"name":"--lr-poll-status-pause-hover-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand-quiet)`) — `pause-button` hover background."}},{"name":"--lr-poll-status-pause-hover-color","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand)`) — `pause-button` hover foreground."}},{"name":"--lr-popover-viewport-clamp","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for popover viewport clamp. Reads `--lr-theme-popover-viewport-clamp`."}},{"name":"--lr-popup-arrow-size","description":{"kind":"markdown","value":"`<lr-popup>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-positioning-strategy","description":{"kind":"markdown","value":"`<lr-color-picker>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the panel is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset color picker beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-dropdown>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, inherited from the popover surface. An explicit `positioning-strategy`/`hoist` on the instance always wins over it.\n\n`<lr-popover>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}, read from computed style when the popup is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset overlay beneath it without authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-select>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the listbox is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset select beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-tooltip>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the bubble is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset tooltip beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it."}},{"name":"--lr-pptx-viewer-max-height","description":{"kind":"markdown","value":"`<lr-pptx-viewer>` (default: `none`) — Maximum block size of the scrollable renderer output container before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-progress-duration","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-transition-ambient)`) — Indeterminate sweep timing.\n\n`<lr-progress-ring>` (default: `var(--lr-transition-ambient)`) — Indeterminate rotation timing."}},{"name":"--lr-progress-indicator-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-indicator-variant-color)`) — Indicator color, overriding the variant palette below."}},{"name":"--lr-progress-indicator-variant-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-label-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-text)`) — Label color."}},{"name":"--lr-progress-ring-indicator-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-variant-color)`) — Indicator stroke color, overriding the variant palette below."}},{"name":"--lr-progress-ring-indicator-transition-duration","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-transition-base)`) — Determinate indicator transition."}},{"name":"--lr-progress-ring-indicator-variant-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-ring-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-ring-indicator-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-width)`) — Indicator stroke width."}},{"name":"--lr-progress-ring-size","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--size,var(--_lr-progress-ring-size))`) — Outer diameter of the ring. The private fallback steps with `size` across the shared six-step ladder (`1.25rem` at `2xs` up to `3.5rem` at `xl`, `2.5rem` unchanged at the `m` default); an inherited or direct value here (or the upstream `--size` alias) still wins outright over every tier."}},{"name":"--lr-progress-ring-track-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-color-brand-quiet)`) — Track stroke color."}},{"name":"--lr-progress-ring-track-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-theme-progress-ring-track-width,var(--lr-size-4px))`) — Track stroke width, `4px` by default. Bridges its own dedicated `--lr-theme-progress-ring-track-width` theme input rather than the widely-shared `--lr-theme-border-width-thick` (fed to the `--lr-border-width-thick` alias): `theme.css` declares that shared input at `3px` -- its correct default for the many surfaces that genuinely want it -- and bridging it directly here would have let importing `theme.css` alone silently repaint this ring's stroke to `3px` even with no consumer override. Set `--lr-theme-progress-ring-track-width` on `:root` or any ancestor to retune this ring specifically; it stays unset (and this default applies) whether or not `theme.css` is imported."}},{"name":"--lr-progress-track-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-brand-quiet)`) — Track color."}},{"name":"--lr-progress-track-height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-height,var(--_lr-progress-track-height))`) — Block size of the progress track. The innermost fallback steps with `size` across the shared six-step ladder (`0.25rem` at `2xs` up to `1.5rem` at `xl`, `1rem` unchanged at the `m` default); an inherited or direct value here still wins outright over every tier."}},{"name":"--lr-prompt-input-control-width","description":{"kind":"markdown","value":"`<lr-prompt-input>` (default: `--lr-size-12rem`) — Preferred width of each generated model, voice, and source control before wrapping."}},{"name":"--lr-prompt-studio-field-hover-border","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand)`) — Enabled field hover border."}},{"name":"--lr-prompt-studio-version-selected-bg","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand-quiet)`) — Selected version background."}},{"name":"--lr-prompt-studio-version-selected-border","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand)`) — Selected version border."}},{"name":"--lr-prompt-studio-version-selected-color","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-text)`) — Selected version foreground."}},{"name":"--lr-prompt-studio-version-selected-hover-bg","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Selected version hover background."}},{"name":"--lr-provenance-panel-entity-justify","description":{"kind":"markdown","value":"`<lr-provenance-panel>` (default: `flex-start`) — Main-axis packing of the entity-chip row. `center` centers every line, the wrapped final one included."}},{"name":"--lr-push-to-talk-pulse-recording-border-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Recording pulse-ring border color."}},{"name":"--lr-push-to-talk-recording-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-color-danger)`) — Established aggregate fallback for the recording trigger border, trigger foreground, and pulse border. The three more-specific recording properties below win independently when set."}},{"name":"--lr-push-to-talk-size","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-size-3rem)`) — Preferred inline and block size of the circular `trigger` button; `--lr-icon-button-size` remains its minimum hit-area floor."}},{"name":"--lr-push-to-talk-trigger-recording-border-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger border color while recording."}},{"name":"--lr-push-to-talk-trigger-recording-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger foreground, including the default mic glyph, while recording."}},{"name":"--lr-qr-code-background","description":{"kind":"markdown","value":"`<lr-qr-code>` — Optional alias for host `background-color`, used by the canvas background."}},{"name":"--lr-qr-code-fill","description":{"kind":"markdown","value":"`<lr-qr-code>` — Optional alias for host `color`, used by foreground modules."}},{"name":"--lr-radio-active-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-radio-hover-border-color)`) — Indicator border while the interactive row is pressed."}},{"name":"--lr-radio-active-ring-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand-quiet)`) — Indicator ring while the interactive row is pressed."}},{"name":"--lr-radio-button-active-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Unchecked button background while pressed."}},{"name":"--lr-radio-button-active-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-hover-border-color)`) — Unchecked button border while pressed."}},{"name":"--lr-radio-button-checked-active-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Checked button background while pressed."}},{"name":"--lr-radio-button-checked-active-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-checked-hover-border-color)`) — Checked button border while pressed."}},{"name":"--lr-radio-button-checked-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Checked button background."}},{"name":"--lr-radio-button-checked-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Checked button border."}},{"name":"--lr-radio-button-checked-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-on-brand)`) — Checked button text color."}},{"name":"--lr-radio-button-checked-hover-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Checked button background while hovered."}},{"name":"--lr-radio-button-checked-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-checked-border-color)`) — Checked button border while hovered."}},{"name":"--lr-radio-button-gap","description":{"kind":"markdown","value":"`<lr-radio>` (default: `var(--lr-space-xs)`) — Gap between the present start/prefix, label, and end/suffix wrappers in `appearance=\"button\"`.\n\n`<lr-radio-button>` (default: `var(--lr-space-xs)`) — Gap between the start/prefix wrapper, label, and end/suffix wrapper in both `<lr-radio-button>` and `<lr-radio appearance=\"button\">`."}},{"name":"--lr-radio-button-hover-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand-quiet)`) — Unchecked button background while hovered."}},{"name":"--lr-radio-button-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Unchecked button border while hovered."}},{"name":"--lr-radio-checked-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Border color of `[part='circle']` while `checked`. Retint just this control's checked ring without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-radio-checked-dot-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Background of `[part='dot']` while `checked`."}},{"name":"--lr-radio-circle-size","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='circle']`. Derived from the `size` tier's shared control height so a radio lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`."}},{"name":"--lr-radio-dot-size","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `min(calc(var(--lr-radio-circle-size) * 0.5), calc(var(--lr-form-control-height) * 0.3))`) — Edge length of `[part='dot']`, capped at half the circle so it can never outgrow its ring."}},{"name":"--lr-radio-group-row-gap","description":{"kind":"markdown","value":"`<lr-radio-group>` (default: `calc(var(--lr-form-control-height) * 0.2)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-radio-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Indicator border while the interactive row is hovered."}},{"name":"--lr-radio-label-indent","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `calc(var(--lr-radio-circle-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it — so it tracks `size` along with the circle. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is not readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-radio-radius","description":{"kind":"markdown","value":"`<lr-radio>`* (default: `var(--lr-radius-pill)`) — Corner radius of the control's own chrome. A circular indicator is fully round at every setting; `<lr-radio-button>` re-points this knob at the shared control radius and swaps it for a pill when `pill` is set.\n\n`<lr-radio-button>` (default: `var(--lr-form-control-radius)`) — Corner radius of the outer edges of the button row. Its private default follows the shared control radius and changes to `--lr-radius-pill` for `pill`; an inherited or direct public value still wins."}},{"name":"--lr-radius","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius. Reads `--lr-theme-border-radius-m`."}},{"name":"--lr-radius-pill","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius pill. Reads `--lr-theme-border-radius-pill`."}},{"name":"--lr-radius-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius xs. Reads `--lr-theme-border-radius-xs`."}},{"name":"--lr-rag-eval-dashboard-selected-border-color","description":{"kind":"markdown","value":"`<lr-rag-eval-dashboard>` (default: `var(--lr-color-brand)`) — Border color shared by the controlled active slice and metric."}},{"name":"--lr-ramp-brand-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 05."}},{"name":"--lr-ramp-brand-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 10."}},{"name":"--lr-ramp-brand-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 20."}},{"name":"--lr-ramp-brand-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 30."}},{"name":"--lr-ramp-brand-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 40."}},{"name":"--lr-ramp-brand-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 50."}},{"name":"--lr-ramp-brand-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 60."}},{"name":"--lr-ramp-brand-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 70."}},{"name":"--lr-ramp-brand-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 80."}},{"name":"--lr-ramp-brand-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 90."}},{"name":"--lr-ramp-brand-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 95."}},{"name":"--lr-ramp-danger-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 05."}},{"name":"--lr-ramp-danger-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 10."}},{"name":"--lr-ramp-danger-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 20."}},{"name":"--lr-ramp-danger-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 30."}},{"name":"--lr-ramp-danger-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 40."}},{"name":"--lr-ramp-danger-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 50."}},{"name":"--lr-ramp-danger-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 60."}},{"name":"--lr-ramp-danger-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 70."}},{"name":"--lr-ramp-danger-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 80."}},{"name":"--lr-ramp-danger-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 90."}},{"name":"--lr-ramp-danger-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 95."}},{"name":"--lr-ramp-neutral-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 05."}},{"name":"--lr-ramp-neutral-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 10."}},{"name":"--lr-ramp-neutral-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 20."}},{"name":"--lr-ramp-neutral-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 30."}},{"name":"--lr-ramp-neutral-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 40."}},{"name":"--lr-ramp-neutral-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 50."}},{"name":"--lr-ramp-neutral-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 60."}},{"name":"--lr-ramp-neutral-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 70."}},{"name":"--lr-ramp-neutral-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 80."}},{"name":"--lr-ramp-neutral-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 90."}},{"name":"--lr-ramp-neutral-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 95."}},{"name":"--lr-ramp-success-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 05."}},{"name":"--lr-ramp-success-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 10."}},{"name":"--lr-ramp-success-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 20."}},{"name":"--lr-ramp-success-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 30."}},{"name":"--lr-ramp-success-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 40."}},{"name":"--lr-ramp-success-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 50."}},{"name":"--lr-ramp-success-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 60."}},{"name":"--lr-ramp-success-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 70."}},{"name":"--lr-ramp-success-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 80."}},{"name":"--lr-ramp-success-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 90."}},{"name":"--lr-ramp-success-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 95."}},{"name":"--lr-ramp-warning-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 05."}},{"name":"--lr-ramp-warning-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 10."}},{"name":"--lr-ramp-warning-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 20."}},{"name":"--lr-ramp-warning-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 30."}},{"name":"--lr-ramp-warning-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 40."}},{"name":"--lr-ramp-warning-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 50."}},{"name":"--lr-ramp-warning-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 60."}},{"name":"--lr-ramp-warning-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 70."}},{"name":"--lr-ramp-warning-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 80."}},{"name":"--lr-ramp-warning-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 90."}},{"name":"--lr-ramp-warning-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 95."}},{"name":"--lr-random-content-animation-duration","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `300ms`) — Duration of the entrance animation."}},{"name":"--lr-random-content-animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Easing function for the entrance animation."}},{"name":"--lr-random-content-animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."}},{"name":"--lr-random-content-item-alignment","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `flex-start`) — Cross-axis alignment of selected items."}},{"name":"--lr-random-content-item-gap","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-space-s)`) — Gap between simultaneously selected items."}},{"name":"--lr-rating-active-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `color-mix(in oklab, var(--lr-rating-empty-color, var(--symbol-color, var(--lr-color-border-strong))), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed-symbol color. Set it independently of `--lr-rating-empty-color` to recolor the pressed state without changing resting or hover symbols."}},{"name":"--lr-rating-empty-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-color-border)`) — Unfilled-symbol color, retained during hover preview."}},{"name":"--lr-rating-fill","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-color-warning)`) — Filled-symbol color."}},{"name":"--lr-rating-gap","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--symbol-spacing,var(--lr-space-xs))`) — Gap between symbols. It takes precedence over the `--symbol-spacing` compatibility hook while preserving that hook and the shared spacing token as fallbacks."}},{"name":"--lr-rating-size","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-font-size-xl)`) — Symbol size. Its private default follows each `size` step; an inherited or direct public value wins. The `m` default reproduces the treatment this component had before `size` existed."}},{"name":"--lr-reorder-item-gap","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-space-xs)`) — Gap between the move buttons and content. Move-button state properties are resolved as inline fallbacks, so setting one on an item or any ancestor themes only the requested hover or pressed state without replacing shared brand tokens."}},{"name":"--lr-reorder-item-move-button-active-bg","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed move button."}},{"name":"--lr-reorder-item-move-button-active-color","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand)`) — Text color of a pressed move button."}},{"name":"--lr-reorder-item-move-button-hover-bg","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered move button."}},{"name":"--lr-reorder-item-move-button-hover-color","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand)`) — Text color of a hovered move button."}},{"name":"--lr-reorder-list-gap","description":{"kind":"markdown","value":"`<lr-reorder-list>` (default: `var(--lr-space-2xs)`) — Gap between rows."}},{"name":"--lr-responsive-panel-overlay-color","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-responsive-panel-overlay-panel-bg","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-color-surface-overlay)`) — Background of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-overlay-panel-shadow","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-shadow-l)`) — Shadow of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-sheet-max-block-size","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `85dvh`) — Maximum height of the `shape=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."}},{"name":"--lr-responsive-panel-side-inline-size","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-size-20rem)`) — Width of the `shape=\"start\"`/`shape=\"end\"` overlay panel along the inline axis."}},{"name":"--lr-result-card-background","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-result-card-border-color","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the `[part=\"header\"]` divider."}},{"name":"--lr-result-card-compact-body-gap","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s children while `compact`."}},{"name":"--lr-result-card-compact-body-padding","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-result-card-compact-header-gap","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"header\"]`'s heading and actions while `compact`."}},{"name":"--lr-result-card-compact-header-padding","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."}},{"name":"--lr-result-card-radius","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-retrieval-compare-selected-border","description":{"kind":"markdown","value":"`<lr-retrieval-compare>` (default: `var(--lr-color-brand)`) — Border color marking a selected `[part~=\"chunk\"]` row."}},{"name":"--lr-retrieval-results-selected-border","description":{"kind":"markdown","value":"`<lr-retrieval-results>` (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."}},{"name":"--lr-retrieval-search-submit-min-height","description":{"kind":"markdown","value":"`<lr-retrieval-search>` (default: `var(--lr-icon-button-size)`) — Minimum height of the submit button. A `size` tier raises it to that tier's shared form-control height; the shared tappable-target minimum always stays underneath, so no tier can shrink the button past the WCAG floor."}},{"name":"--lr-retrieval-trace-active-border","description":{"kind":"markdown","value":"`<lr-retrieval-trace>` (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."}},{"name":"--lr-rubric-form-skip-active-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Skip background while pressed."}},{"name":"--lr-rubric-form-skip-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-surface)`) — Skip-button background."}},{"name":"--lr-rubric-form-skip-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-border)`) — Skip-button border."}},{"name":"--lr-rubric-form-skip-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-text)`) — Skip-button text color."}},{"name":"--lr-rubric-form-skip-hover-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand-quiet)`) — Skip background while hovered."}},{"name":"--lr-rubric-form-submit-active-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit background while pressed."}},{"name":"--lr-rubric-form-submit-active-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit border while pressed."}},{"name":"--lr-rubric-form-submit-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand)`) — Submit-button background."}},{"name":"--lr-rubric-form-submit-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand)`) — Submit-button border."}},{"name":"--lr-rubric-form-submit-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-on-brand)`) — Submit-button text color."}},{"name":"--lr-rubric-form-submit-hover-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit background while hovered."}},{"name":"--lr-rubric-form-submit-hover-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit border while hovered."}},{"name":"--lr-safe-area-bottom","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area bottom."}},{"name":"--lr-safe-area-inline-end","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area inline end."}},{"name":"--lr-safe-area-inline-start","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area inline start."}},{"name":"--lr-safe-area-top","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area top."}},{"name":"--lr-schema-viewer-error-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-danger-quiet)`) — Error issue background."}},{"name":"--lr-schema-viewer-error-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-danger)`) — Error issue border."}},{"name":"--lr-schema-viewer-info-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand-quiet)`) — Info issue background."}},{"name":"--lr-schema-viewer-info-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand)`) — Info issue border."}},{"name":"--lr-schema-viewer-max-indent","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-size-12rem)`) — Maximum visual indentation; complete JSON Pointer paths and selection semantics remain unchanged at deeper levels."}},{"name":"--lr-schema-viewer-selected-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand)`) — Selected node branch."}},{"name":"--lr-schema-viewer-warning-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-warning-quiet)`) — Warning issue background."}},{"name":"--lr-schema-viewer-warning-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-warning)`) — Warning issue border."}},{"name":"--lr-scroll-fade-size","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n`<lr-stepper>` (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n`<lr-tab-group>` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n\n`<lr-timeline>` (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n`<lr-widget>` (default: `2rem`) — Width of the fade at each horizontal scroll edge of the `actions`/`view-toggles` header rows. The fade is applied only while a row actually overflows, so a row that fits is never dimmed. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`.\n\nShared design token — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."}},{"name":"--lr-scroller-control-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-2rem)`) — Control size."}},{"name":"--lr-scroller-hover-outline-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"viewport\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-scroller-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-hover-outline-style","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-hover-outline-width","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-min-block-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."}},{"name":"--lr-scroller-shadow-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--shadow-color)`) — Lyra-prefixed shadow-color alias."}},{"name":"--lr-scroller-shadow-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--shadow-size)`) — Lyra-prefixed shadow-size alias."}},{"name":"--lr-segmented-active-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed segment that is neither checked nor disabled."}},{"name":"--lr-segmented-active-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-segmented-hover-color, var(--lr-color-text))`) — Text color of a pressed segment that is neither checked nor disabled. Its default follows `--lr-segmented-hover-color` to preserve the established hover/pressed relationship; set this property to theme the pressed text independently."}},{"name":"--lr-segmented-font-size","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-font-size)`) — Each segment's font size, taken from the `size` tier's shared control font size."}},{"name":"--lr-segmented-hover-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `transparent`) — Background of a hovered segment that is neither checked nor disabled. Undeclared by default, so it falls back to the segment's own resting transparent background — byte-identical to before this property existed."}},{"name":"--lr-segmented-hover-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched."}},{"name":"--lr-segmented-hover-shadow","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `none`) — Box shadow of a hovered segment that is neither checked nor disabled. Undeclared by default, matching the segment's own resting absence of a shadow."}},{"name":"--lr-segmented-segment-padding","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Each segment's padding, taken from the `size` tier's shared control padding."}},{"name":"--lr-segmented-selected-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do)."}},{"name":"--lr-segmented-selected-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-text)`) — Text color of the checked segment."}},{"name":"--lr-segmented-selected-font-weight","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."}},{"name":"--lr-segmented-selected-shadow","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-shadow-xs)`) — Box shadow lifting the checked segment off the track."}},{"name":"--lr-segmented-track-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `transparent`) — Background of the `base` track. Undeclared by default, matching its own current absence of a background."}},{"name":"--lr-segmented-track-border-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-border)`) — Border color of the `base` track, which previously read that token as a literal with no override hook."}},{"name":"--lr-segmented-track-gap","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-size-0-125rem)`) — Gap between segments."}},{"name":"--lr-segmented-track-height","description":{"kind":"markdown","value":"`<lr-segmented>` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. Genuinely unset by default — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content."}},{"name":"--lr-segmented-track-min-height","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-height)`) — Minimum height of the `base` track, taken from the `size` tier's shared control height; the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. The private default follows `size`; a public value inherited from an ancestor or set directly on the element remains authoritative in every tier."}},{"name":"--lr-segmented-track-padding","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-size-0-125rem)`) — Track inset padding."}},{"name":"--lr-segmented-track-radius","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-radius)`) — Track corner radius."}},{"name":"--lr-select-expand-size","description":{"kind":"markdown","value":"`<lr-select>` — Decorative expand-icon box size, scaled by `size`. The one piece of this component's geometry the shared ladder does not own: it sizes a glyph, not the control row."}},{"name":"--lr-select-font-size","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the active `size` tier."}},{"name":"--lr-select-gap","description":{"kind":"markdown","value":"`<lr-select>` — Gap between the trigger's start adornment, label, end adornment, and expand icon. Doesn't vary by `size`."}},{"name":"--lr-select-open-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Trigger border while the listbox is open."}},{"name":"--lr-select-option-active-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."}},{"name":"--lr-select-option-badge-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part='option-badge']` \"not in catalog\" badge."}},{"name":"--lr-select-option-selected-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."}},{"name":"--lr-select-option-selected-border","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-select-option-selected-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-select-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-select-radius","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-radius)`) — Trigger corner radius, from the active `size` tier of the shared form-control ladder (the two tightest tiers take a smaller radius)."}},{"name":"--lr-select-tag-font-size","description":{"kind":"markdown","value":"`<lr-select>` — Chip text size. Doesn't vary by `size`."}},{"name":"--lr-select-tag-padding","description":{"kind":"markdown","value":"`<lr-select>` — Padding inside a `multiple`-mode chip. Doesn't vary by `size`."}},{"name":"--lr-select-trigger-active-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `color-mix(...)`) — Trigger background while pressed."}},{"name":"--lr-select-trigger-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-border)`) — Resting trigger border color, `transparent` by default on the `filled`/`plain`/`accent` treatments."}},{"name":"--lr-select-trigger-fill","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-surface)`) — Resting trigger background. Read by every appearance, each falling back to its own default (`--lr-color-surface-raised` for `filled`/`filled-outlined`, `transparent` for `plain`, `--lr-color-brand` for `accent`), so one value retints the trigger whichever treatment it is wearing."}},{"name":"--lr-select-trigger-height","description":{"kind":"markdown","value":"`<lr-select>` — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-select-trigger-hover-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Trigger background while hovered. Accent appearance keeps its louder mixed fallback when this hook is unset."}},{"name":"--lr-select-trigger-hover-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-select-trigger-border-color)`) — Trigger border color while the pointer is over it. Unset, the border stays exactly where the resting state left it."}},{"name":"--lr-select-trigger-min-height","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-height)`) — Trigger block-size floor, from the active `size` tier of the shared ladder, and live at every tier including the default `m` -- so a select is exactly as tall as an `<lr-button>`/`<lr-input>` of that tier."}},{"name":"--lr-select-trigger-padding","description":{"kind":"markdown","value":"`<lr-select>` — Trigger padding shorthand. Defaults to the active `size` tier's `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)` from the shared ladder."}},{"name":"--lr-select-unknown-value-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-border)`) — Border color of the same unknown-value chip."}},{"name":"--lr-select-unknown-value-border-style","description":{"kind":"markdown","value":"`<lr-select>` (default: `dashed`) — Border style of an `[part='unknown-value']` chip (a `multiple`-mode tag whose committed value matches no current option)."}},{"name":"--lr-selection-toolbar-placement-gap","description":{"kind":"markdown","value":"`<lr-selection-toolbar>` (default: `var(--lr-space-s)`) — Non-negative distance between the selection and toolbar, and between the toolbar and viewport during collision avoidance. Unitless pixel values and `px`, `rem`, and `em` values are resolved live; invalid values fall back to the default and negative values clamp to `0`."}},{"name":"--lr-sequence-playback-icon-size","description":{"kind":"markdown","value":"`<lr-sequence-playback>` (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."}},{"name":"--lr-sequence-playback-play-button-active-bg","description":{"kind":"markdown","value":"`<lr-sequence-playback>` — Pressed play/pause button background. Defaults to the existing surface active mix; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-playback-play-button-active-border-color","description":{"kind":"markdown","value":"`<lr-sequence-playback>` (default: `var(--lr-color-brand)`) — Pressed play/pause button border color; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-strip-height","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-size-1-5rem)`) — Block size of the strip."}},{"name":"--lr-sequence-strip-legend-marker-bg","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."}},{"name":"--lr-sequence-strip-legend-swatch-size","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."}},{"name":"--lr-sequence-strip-marker-color","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."}},{"name":"--lr-shadow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow."}},{"name":"--lr-shadow-color","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow color. Reads `--lr-theme-shadow-color`."}},{"name":"--lr-shadow-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow l. Reads `--lr-theme-shadow-l`."}},{"name":"--lr-shadow-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow m. Reads `--lr-theme-shadow-m`."}},{"name":"--lr-shadow-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow s. Reads `--lr-theme-shadow-s`."}},{"name":"--lr-shadow-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow xl. Reads `--lr-theme-shadow-xl`."}},{"name":"--lr-shadow-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow xs. Reads `--lr-theme-shadow-xs`."}},{"name":"--lr-size-0-02em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 02em. Reads `--lr-theme-size-0-02em`."}},{"name":"--lr-size-0-03em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 03em. Reads `--lr-theme-size-0-03em`."}},{"name":"--lr-size-0-04em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 04em. Reads `--lr-theme-size-0-04em`."}},{"name":"--lr-size-0-05rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 05rem. Reads `--lr-theme-size-0-05rem`."}},{"name":"--lr-size-0-0625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 0625rem. Reads `--lr-theme-size-0-0625rem`."}},{"name":"--lr-size-0-09375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 09375rem. Reads `--lr-theme-size-0-09375rem`."}},{"name":"--lr-size-0-125rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 125rem. Reads `--lr-theme-size-0-125rem`."}},{"name":"--lr-size-0-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 15rem. Reads `--lr-theme-size-0-15rem`."}},{"name":"--lr-size-0-1875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 1875rem. Reads `--lr-theme-size-0-1875rem`."}},{"name":"--lr-size-0-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 1rem. Reads `--lr-theme-size-0-1rem`."}},{"name":"--lr-size-0-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 25rem. Reads `--lr-theme-size-0-25rem`."}},{"name":"--lr-size-0-3125rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 3125rem. Reads `--lr-theme-size-0-3125rem`."}},{"name":"--lr-size-0-35em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 35em. Reads `--lr-theme-size-0-35em`."}},{"name":"--lr-size-0-375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 375rem. Reads `--lr-theme-size-0-375rem`."}},{"name":"--lr-size-0-3em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 3em. Reads `--lr-theme-size-0-3em`."}},{"name":"--lr-size-0-4375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4375rem. Reads `--lr-theme-size-0-4375rem`."}},{"name":"--lr-size-0-4em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4em. Reads `--lr-theme-size-0-4em`."}},{"name":"--lr-size-0-4rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4rem. Reads `--lr-theme-size-0-4rem`."}},{"name":"--lr-size-0-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 5em. Reads `--lr-theme-size-0-5em`."}},{"name":"--lr-size-0-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 5rem. Reads `--lr-theme-size-0-5rem`."}},{"name":"--lr-size-0-625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 625rem. Reads `--lr-theme-size-0-625rem`."}},{"name":"--lr-size-0-6875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 6875rem. Reads `--lr-theme-size-0-6875rem`."}},{"name":"--lr-size-0-6rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 6rem. Reads `--lr-theme-size-0-6rem`."}},{"name":"--lr-size-0-75em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 75em. Reads `--lr-theme-size-0-75em`."}},{"name":"--lr-size-0-75rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 75rem. Reads `--lr-theme-size-0-75rem`."}},{"name":"--lr-size-0-7em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 7em. Reads `--lr-theme-size-0-7em`."}},{"name":"--lr-size-0-875em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 875em. Reads `--lr-theme-size-0-875em`."}},{"name":"--lr-size-0-8rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 8rem. Reads `--lr-theme-size-0-8rem`."}},{"name":"--lr-size-0-9375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 9375rem. Reads `--lr-theme-size-0-9375rem`."}},{"name":"--lr-size-1-0625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 0625rem. Reads `--lr-theme-size-1-0625rem`."}},{"name":"--lr-size-1-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 1rem. Reads `--lr-theme-size-1-1rem`."}},{"name":"--lr-size-1-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 25rem. Reads `--lr-theme-size-1-25rem`."}},{"name":"--lr-size-1-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 5em. Reads `--lr-theme-size-1-5em`."}},{"name":"--lr-size-1-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 5rem. Reads `--lr-theme-size-1-5rem`."}},{"name":"--lr-size-1-75rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 75rem. Reads `--lr-theme-size-1-75rem`."}},{"name":"--lr-size-1-875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 875rem. Reads `--lr-theme-size-1-875rem`."}},{"name":"--lr-size-10px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 10px. Reads `--lr-theme-size-10px`."}},{"name":"--lr-size-10rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 10rem. Reads `--lr-theme-size-10rem`."}},{"name":"--lr-size-12em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 12em. Reads `--lr-theme-size-12em`."}},{"name":"--lr-size-12rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 12rem. Reads `--lr-theme-size-12rem`."}},{"name":"--lr-size-14px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 14px. Reads `--lr-theme-size-14px`."}},{"name":"--lr-size-14rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 14rem. Reads `--lr-theme-size-14rem`."}},{"name":"--lr-size-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 15rem. Reads `--lr-theme-size-15rem`."}},{"name":"--lr-size-16px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 16px. Reads `--lr-theme-size-16px`."}},{"name":"--lr-size-16rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 16rem. Reads `--lr-theme-size-16rem`."}},{"name":"--lr-size-18rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 18rem. Reads `--lr-theme-size-18rem`."}},{"name":"--lr-size-1em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1em. Reads `--lr-theme-size-1em`."}},{"name":"--lr-size-1px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1px. Reads `--lr-theme-size-1px`."}},{"name":"--lr-size-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1rem. Reads `--lr-theme-size-1rem`."}},{"name":"--lr-size-2-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 25rem. Reads `--lr-theme-size-2-25rem`."}},{"name":"--lr-size-2-5ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 5ch. Reads `--lr-theme-size-2-5ch`."}},{"name":"--lr-size-2-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 5rem. Reads `--lr-theme-size-2-5rem`."}},{"name":"--lr-size-20rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 20rem. Reads `--lr-theme-size-20rem`."}},{"name":"--lr-size-22rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 22rem. Reads `--lr-theme-size-22rem`."}},{"name":"--lr-size-24px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 24px. Reads `--lr-theme-size-24px`."}},{"name":"--lr-size-24rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 24rem. Reads `--lr-theme-size-24rem`."}},{"name":"--lr-size-280px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 280px. Reads `--lr-theme-size-280px`."}},{"name":"--lr-size-28px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 28px. Reads `--lr-theme-size-28px`."}},{"name":"--lr-size-28rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 28rem. Reads `--lr-theme-size-28rem`."}},{"name":"--lr-size-2px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2px. Reads `--lr-theme-size-2px`."}},{"name":"--lr-size-2rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2rem. Reads `--lr-theme-size-2rem`."}},{"name":"--lr-size-3-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3 5em. Reads `--lr-theme-size-3-5em`."}},{"name":"--lr-size-3-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3 5rem. Reads `--lr-theme-size-3-5rem`."}},{"name":"--lr-size-30rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 30rem. Reads `--lr-theme-size-30rem`."}},{"name":"--lr-size-32rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 32rem. Reads `--lr-theme-size-32rem`."}},{"name":"--lr-size-36rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 36rem. Reads `--lr-theme-size-36rem`."}},{"name":"--lr-size-38rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 38rem. Reads `--lr-theme-size-38rem`."}},{"name":"--lr-size-3ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3ch. Reads `--lr-theme-size-3ch`."}},{"name":"--lr-size-3px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3px. Reads `--lr-theme-size-3px`."}},{"name":"--lr-size-3rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3rem. Reads `--lr-theme-size-3rem`."}},{"name":"--lr-size-48rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 48rem. Reads `--lr-theme-size-48rem`."}},{"name":"--lr-size-4ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4ch. Reads `--lr-theme-size-4ch`."}},{"name":"--lr-size-4px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4px. Reads `--lr-theme-size-4px`."}},{"name":"--lr-size-4rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4rem. Reads `--lr-theme-size-4rem`."}},{"name":"--lr-size-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 5em. Reads `--lr-theme-size-5em`."}},{"name":"--lr-size-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 5rem. Reads `--lr-theme-size-5rem`."}},{"name":"--lr-size-6ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6ch. Reads `--lr-theme-size-6ch`."}},{"name":"--lr-size-6em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6em. Reads `--lr-theme-size-6em`."}},{"name":"--lr-size-6px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6px. Reads `--lr-theme-size-6px`."}},{"name":"--lr-size-6rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6rem. Reads `--lr-theme-size-6rem`."}},{"name":"--lr-size-7rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 7rem. Reads `--lr-theme-size-7rem`."}},{"name":"--lr-size-8em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 8em. Reads `--lr-theme-size-8em`."}},{"name":"--lr-size-8rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 8rem. Reads `--lr-theme-size-8rem`."}},{"name":"--lr-size-neg-0-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 0 15rem. Reads `--lr-theme-size-neg-0-15rem`."}},{"name":"--lr-size-neg-0-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 0 25rem. Reads `--lr-theme-size-neg-0-25rem`."}},{"name":"--lr-size-neg-1px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 1px. Reads `--lr-theme-size-neg-1px`."}},{"name":"--lr-size-neg-4px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 4px. Reads `--lr-theme-size-neg-4px`."}},{"name":"--lr-size-neg-6px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 6px. Reads `--lr-theme-size-neg-6px`."}},{"name":"--lr-size-neg-8px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 8px. Reads `--lr-theme-size-neg-8px`."}},{"name":"--lr-skeleton-border-radius","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-radius)`) — Text/rectangle corner radius."}},{"name":"--lr-skeleton-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-color-border)`) — Placeholder color."}},{"name":"--lr-skeleton-h","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-size-1em)`) — Block size of the placeholder."}},{"name":"--lr-skeleton-sheen-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-color-surface)`) — Sheen highlight color."}},{"name":"--lr-skeleton-w","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `100%`) — Inline size of the placeholder."}},{"name":"--lr-slider-gap","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-space-s)`) — Gap between the track row, value, label, references, and hint as they wrap."}},{"name":"--lr-slider-row-size","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-form-control-height) * 0.6)`) — Cross-axis extent of the control's interactive row: its block size when horizontal, its inline size when vertical. Scales off the shared form-control ladder, so a size tier moves it without a per-tier rule."}},{"name":"--lr-slider-thumb-active-ring-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-slider-thumb-hover-ring-color)`) — Thumb ring while pressed."}},{"name":"--lr-slider-thumb-bg","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-brand)`) — Resting thumb background."}},{"name":"--lr-slider-thumb-border-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-surface)`) — Resting thumb border."}},{"name":"--lr-slider-thumb-hover-ring-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-brand-quiet)`) — Thumb ring while hovered."}},{"name":"--lr-slider-thumb-size","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-form-control-height) * 0.4)`) — Diameter of each draggable handle, derived from the `size` tier's shared control height. The transparent drag area around it never drops below 1.75rem/28px, whatever this is set to."}},{"name":"--lr-slider-tooltip-distance","description":{"kind":"markdown","value":"`<lr-slider>` (default: `8`) — Numeric CSS-pixel distance written by the `tooltipDistance` property for the internal tooltip-placement calculation."}},{"name":"--lr-slider-track-length","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-size-10rem)`) — Length of the track in `orientation=\"vertical\"`; the horizontal track fills its container instead. Declared as an inline `var()` fallback (never on `:host`), so a consumer override at any ancestor wins."}},{"name":"--lr-slider-track-thickness","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-slider-thumb-size) * 0.25)`) — Thickness of the track, the filled indicator and (scaled from it) the `with-markers` ticks."}},{"name":"--lr-source-card-bg","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-color-surface)`) — Background of the RESTING `frame=\"card\"` chrome, the companion to the `compact` tier's existing padding/gap levers. `frame=\"plain\"` still drops the fill entirely."}},{"name":"--lr-source-card-compact-gap","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-source-card-compact-padding","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-source-picker-checked-bg","description":{"kind":"markdown","value":"`<lr-source-picker>` — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."}},{"name":"--lr-source-picker-checked-border","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."}},{"name":"--lr-source-picker-depth","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `0`) — Internal indent plumbing, not a retheming knob: the row's own nesting depth, written inline onto `[part=\"item\"]` as a plain number and multiplied by `--lr-source-picker-indent-size` to produce the indent."}},{"name":"--lr-source-picker-indent-size","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `var(--lr-size-1-25rem)`) — Indent step added to `[part=\"item\"]`'s `padding-inline-start` per nesting level. The total indent is capped at `--lr-size-8rem` so a deeply nested tree cannot push its labels out of view."}},{"name":"--lr-source-picker-mixed-bg","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."}},{"name":"--lr-space-2xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space 2xl. Reads `--lr-theme-space-2xl`."}},{"name":"--lr-space-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space 2xs. Reads `--lr-theme-space-2xs`."}},{"name":"--lr-space-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space l. Reads `--lr-theme-space-l`."}},{"name":"--lr-space-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space m. Reads `--lr-theme-space-m`."}},{"name":"--lr-space-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space s. Reads `--lr-theme-space-s`."}},{"name":"--lr-space-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space xs. Reads `--lr-theme-space-xs`."}},{"name":"--lr-span-waterfall-denied-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-warning)`) — Denied bar fill."}},{"name":"--lr-span-waterfall-error-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-danger)`) — Error bar fill."}},{"name":"--lr-span-waterfall-name-width","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `8rem`) — Width of the name gutter column."}},{"name":"--lr-span-waterfall-pending-border-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-border-strong)`) — Pending bar border."}},{"name":"--lr-span-waterfall-row-active-bg","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-span-waterfall-running-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand)`) — Running stripe foreground."}},{"name":"--lr-span-waterfall-running-stripe-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand-quiet)`) — Running stripe background."}},{"name":"--lr-span-waterfall-stripe-speed","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-duration-ambient)`) — Animation duration for a `running` span's striped bar. The fallback is the bare-duration `--lr-duration-ambient`, not the `--lr-transition-ambient` duration+easing shorthand, which would be invalid in an `animation-duration` slot."}},{"name":"--lr-span-waterfall-success-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-success)`) — Success bar fill."}},{"name":"--lr-sparkline-stroke-width","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-border-width-medium)`) — Compatibility alias used as the fallback for `--line-width`."}},{"name":"--lr-spinner-duration","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-transition-ambient)`) — Duration/easing of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."}},{"name":"--lr-spinner-size","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."}},{"name":"--lr-spinner-track-width","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."}},{"name":"--lr-split-panel-divider-active-color","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--lr-color-border-strong)`) — Background of `divider` while being dragged (or focused and pressed via the keyboard)."}},{"name":"--lr-split-panel-divider-hit-area","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--divider-hit-area)`) — Lyra-prefixed hit-area alias."}},{"name":"--lr-split-panel-divider-hover-color","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--lr-color-brand)`) — Background of `divider` on hover/keyboard focus, independent of any other component's own hover token that happens to default to the same shared brand color."}},{"name":"--lr-split-panel-divider-width","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--divider-width)`) — Lyra-prefixed divider-width alias."}},{"name":"--lr-split-panel-max","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--max)`) — Lyra-prefixed maximum-size alias."}},{"name":"--lr-split-panel-min","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--min)`) — Lyra-prefixed minimum-size alias."}},{"name":"--lr-spreadsheet-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-spreadsheet-viewer-highlight-outline-offset","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `calc(-1 * var(--lr-border-width-medium))`) — Outline offset of a highlighted cell."}},{"name":"--lr-spreadsheet-viewer-max-height","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-stack-trace-background","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-stack-trace-border-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-stack-trace-compact-gap","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-space-2xs)`) — Space below `[part=\"message\"]` and between `[part=\"group\"]`s while `compact`."}},{"name":"--lr-stack-trace-compact-padding","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-space-2xs)`) — `[part=\"base\"]` padding while `compact`. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-stack-trace-font","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."}},{"name":"--lr-stack-trace-interactive-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-brand)`) — Interactive frame/toggle accent."}},{"name":"--lr-stack-trace-internal-frame-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-text-quiet)`) — Internal frame foreground."}},{"name":"--lr-stack-trace-max-height","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."}},{"name":"--lr-stack-trace-radius","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-stat-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-surface)`) — Resting background of the card. The pressed fill of a linked card mixes from this value too, so one override retints both. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-stat-emphasis-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Accent-edge color when `emphasis` is set. Independent of the headline's emphasis tint and `brand` variant."}},{"name":"--lr-stat-emphasis-value-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Headline value color when `emphasis` is set on a neutral stat. Independent of the accent edge and `brand` variant."}},{"name":"--lr-stat-gap","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-space-xs)`) — Gap between the card's stacked parts, read by both `[part=\"base\"]` and the linked-card content wrapper. The `compact` variant reads the same property with its own current default (`var(--lr-size-0-125rem)`) as its fallback."}},{"name":"--lr-stat-link-active-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(...)`) — Linked-card background while pressed."}},{"name":"--lr-stat-link-active-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-stat-link-hover-border-color,var(--lr-color-brand))`) — Linked-card border while pressed."}},{"name":"--lr-stat-link-active-shadow","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-stat-link-hover-shadow,var(--lr-shadow-s))`) — Linked-card shadow while pressed."}},{"name":"--lr-stat-link-hover-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Linked-card border on hover."}},{"name":"--lr-stat-link-hover-shadow","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-shadow-s)`) — Linked-card shadow on hover."}},{"name":"--lr-stat-padding","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-space-m)`) — Padding of the card, read by both `[part=\"base\"]` and the linked-card content wrapper so a linked and unlinked stat never drift. The `compact` and `frame=\"plain\"` variants read the same property with their own current default as its fallback (`var(--lr-space-s)` and `0` respectively), so one override reaches every rendering path."}},{"name":"--lr-stat-trend-bad-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."}},{"name":"--lr-stat-trend-bad-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."}},{"name":"--lr-stat-trend-good-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."}},{"name":"--lr-stat-trend-good-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."}},{"name":"--lr-stat-value-brand-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Headline value color for the `brand` variant."}},{"name":"--lr-stat-value-danger-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-danger)`) — Headline value color for the `danger` variant."}},{"name":"--lr-stat-value-success-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-success)`) — Headline value color for the `success` variant."}},{"name":"--lr-stat-value-warning-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-warning)`) — Headline value color for the `warning` variant."}},{"name":"--lr-stepper-active-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled step."}},{"name":"--lr-stepper-active-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of a pressed, non-disabled step."}},{"name":"--lr-stepper-current-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."}},{"name":"--lr-stepper-current-font-weight","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."}},{"name":"--lr-stepper-current-index-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."}},{"name":"--lr-stepper-current-index-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-on-brand)`) — Text color of the `current` step's numbered index chip."}},{"name":"--lr-stepper-error-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-danger)`) — Text color of an `error` step."}},{"name":"--lr-stepper-hover-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered, non-disabled step."}},{"name":"--lr-stepper-hover-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled step."}},{"name":"--lr-stream-status-dot-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Its private default changes with reflected `connection-state` and the component-owned `data-stalled` state: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-dot-opacity","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `0.35`) — `indicator` dot opacity. Its private default changes with those same host states: `0.6` for `connecting`, `1` for `streaming` and `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-message-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning)`) — `phase` and `message` text color while `data-stalled` is present. Decoupled from `--lr-stream-status-stalled-border-color` even though both fall back to the same shared token today."}},{"name":"--lr-stream-status-stalled-bg","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning-quiet)`) — `base` row background while `data-stalled` is present."}},{"name":"--lr-stream-status-stalled-border-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning)`) — `base` row border color while `data-stalled` is present."}},{"name":"--lr-subagent-panel-background","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-surface)`) — Resting fill of each run row's trigger and action buttons. Hover and press follow `--lr-subagent-panel-hover-background`, so retune both together."}},{"name":"--lr-subagent-panel-border-color","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-border)`) — Colour of each run row's border and of its action divider. A selected row still uses `--lr-subagent-panel-selected-border`."}},{"name":"--lr-subagent-panel-compact-action-padding","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs)`) — `[part=\"cancel\"]`/ `[part=\"retry\"]` padding while `compact`."}},{"name":"--lr-subagent-panel-compact-font-size","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-font-size-2xs)`) — `[part=\"task\"]`/ `[part=\"model\"]` font size while `compact`."}},{"name":"--lr-subagent-panel-compact-trigger-gap","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"run-trigger\"]`'s label/status/task/model/progress while `compact`."}},{"name":"--lr-subagent-panel-compact-trigger-padding","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"run-trigger\"]` padding while `compact`."}},{"name":"--lr-subagent-panel-hover-background","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-surface-raised)`) — Hovered fill of each run row's trigger and action buttons. The pressed fill is this value mixed a further `--lr-color-mix-active` toward `--lr-color-mix-partner`, so retuning hover carries the press with it."}},{"name":"--lr-subagent-panel-progress-fill","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-brand)`) — Progress fill."}},{"name":"--lr-subagent-panel-progress-track","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-border)`) — Progress track."}},{"name":"--lr-subagent-panel-radius","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-radius)`) — Corner radius of each run row. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-subagent-panel-selected-border","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-brand)`) — Selected run border."}},{"name":"--lr-suggestion-chips-hover-bg","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."}},{"name":"--lr-suggestion-chips-hover-border","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `var(--lr-color-brand)`) — Border color of a hovered chip."}},{"name":"--lr-suggestion-chips-justify","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `flex-start`) — Main-axis packing of the chip row. `center` centers every line, the wrapped final one included — what `::part(base)` alone cannot do."}},{"name":"--lr-svg-viewer-active-border","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId`. Distinct from the resting highlight border, so the active region can be recolored without touching the rest."}},{"name":"--lr-svg-viewer-highlight-accent-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-danger-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-neutral-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-success-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-warning-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-svg-viewer-max-height","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-swatch-picker-fill-size","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-theme-swatch-picker-fill-size, var(--lr-size-1-5rem))`) — Visible fill/icon diameter for the swatch. Its private default follows the active tier. Set `--lr-theme-swatch-picker-fill-size` on an ancestor to give every tier a shared default, or set this component hook on an ancestor/direct host to override every tier."}},{"name":"--lr-swatch-picker-gap","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-space-xs)`) — Gap between swatches."}},{"name":"--lr-swatch-picker-gemstone-selected-blur","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-gemstone-selected-blur, var(--lr-size-0-5rem))`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden. Applies to a plain color-fill swatch and to a consumer-supplied `icon` override; the automatic gemstone glyph itself is themed by `--lr-gemstone-selected-blur` directly (see `theme/gemstones.js`'s `gemstoneSelectedGlyphStyles`), which this hook's own default now aliases so the two cannot silently drift apart."}},{"name":"--lr-swatch-picker-gemstone-shine-duration","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-gemstone-selected-shine-duration, var(--lr-transition-ambient))`) — Selected shine timing used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden. Same scope and aliasing as `--lr-swatch-picker-gemstone-selected-blur` above."}},{"name":"--lr-swatch-picker-hit-size","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-size-2-5rem)`) — Hit-area size (both min-inline-size and min-block-size) for the swatch button. Its private default follows the active tier and is floored at 24px; an inherited or direct public value wins."}},{"name":"--lr-swatch-picker-selected-blur","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `0`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."}},{"name":"--lr-swatch-picker-selected-color","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."}},{"name":"--lr-swatch-picker-shine-duration","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."}},{"name":"--lr-swatch-picker-wrap","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `wrap`) — `flex-wrap` on the swatch row. Reproduces today's hardcoded wrapping row by default; set `nowrap` to confine every swatch to a single row (e.g. inside a fixed-width popover panel whose height must not shift from a second row)."}},{"name":"--lr-switch-checked-label-color","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-label-color)`) — Text color of `[part='label']` while checked, independently themeable from the unchecked color."}},{"name":"--lr-switch-checked-thumb-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-thumb-fill)`) — Thumb fill while checked, independently themeable from the unchecked fill."}},{"name":"--lr-switch-checked-track-border","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-track-border)`) — Border of `[part='track']` while checked, independently themeable from the unchecked border, so a bordered track can differ by state without reaching for `::part(track)` plus the `checked` custom state. Takes a whole `border` shorthand value, like `--lr-switch-track-border`; give both states the same border width unless a size change between them is what you want, since the track is `box-sizing: content-box` and a border grows its outer footprint."}},{"name":"--lr-switch-checked-track-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-brand)`) — Track fill while checked."}},{"name":"--lr-switch-gap","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-space-s)`) — Gap between the track and label."}},{"name":"--lr-switch-label-color","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-text)`) — Text color of `[part='label']`, and the checked-state fallback when `--lr-switch-checked-label-color` is unset."}},{"name":"--lr-switch-thumb-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-surface)`) — Thumb fill while unchecked, and the checked-state fallback when `--lr-switch-checked-thumb-fill` is unset."}},{"name":"--lr-switch-thumb-offset","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."}},{"name":"--lr-switch-track-active-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `color-mix(...)`) — Track fill while pressed."}},{"name":"--lr-switch-track-block-size","description":{"kind":"markdown","value":"`<lr-switch>` (default: `calc(var(--lr-form-control-height) * 0.5)`) — Block size of the track, half the `size` tier's shared control height; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."}},{"name":"--lr-switch-track-border","description":{"kind":"markdown","value":"`<lr-switch>` — Border of `[part='track']`, and the checked-state fallback when `--lr-switch-checked-track-border` is unset. Undeclared by default (no border renders at all), matching today's chrome."}},{"name":"--lr-switch-track-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-border)`) — Resting fill of `[part='track']`, used as the source for the hover and press fallbacks."}},{"name":"--lr-switch-track-hover-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `color-mix(...)`) — Track fill while hovered."}},{"name":"--lr-switch-track-inline-size","description":{"kind":"markdown","value":"`<lr-switch>` (default: `calc(var(--lr-switch-track-block-size) * 1.8)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked. Derived from the block size, so re-sizing the track keeps its aspect ratio."}},{"name":"--lr-tab-group-active-bg","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-active-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-tab-group-hover-color, var(--lr-color-text))`) — Text color of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-hover-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above. Pressed-tab and scroll-control hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the group or any ancestor without retheming the other states."}},{"name":"--lr-tab-group-indicator-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."}},{"name":"--lr-tab-group-panel-hover-outline-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"panel\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-tab-group-panel-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-panel-hover-outline-style","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-panel-hover-outline-width","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-scroll-button-active-bg","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-active-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-hover-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a hovered overflow scroll control."}},{"name":"--lr-tab-group-selected-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do)."}},{"name":"--lr-tab-group-vertical-nav-max-inline-size","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-size-12rem)`) — Maximum logical inline size of a vertical `start`/`end` nav. Long labels ellipsize inside that bound so the panel remains usable at narrow allocations."}},{"name":"--lr-table-cell-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Text colour of body cells; inherits the host's own colour by default."}},{"name":"--lr-table-cell-link-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand)`) — Colour of an anchor returned from a column's `cell(row)`. Such an anchor renders inside this component's shadow root, so page CSS cannot reach it and `::part()` cannot select past the first compound selector to reach it either; without this hook it computes to the UA default link blue. Set `revert` for the UA default."}},{"name":"--lr-table-cell-link-hover-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-cell-link-color,var(--lr-color-brand))`) — Colour of that anchor on hover and `:focus-visible`, which also thicken its underline."}},{"name":"--lr-table-cell-padding","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-space-s)`) — Padding of a header cell, a body cell, and the row-total cell."}},{"name":"--lr-table-cell-padding-compact","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — Padding of a group-header cell and a footer cell, which default to a tighter block/inline shorthand than `--lr-table-cell-padding` rather than sharing it outright."}},{"name":"--lr-table-font-size","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Font size of the `<table>` element and, through normal inheritance, every cell inside it. The rest of the font shorthand (family, weight, etc.) keeps inheriting from the host regardless of this override."}},{"name":"--lr-table-header-sorted-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-surface)`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`), including a `sticky` column's own header cell. Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."}},{"name":"--lr-table-header-sorted-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Text color of the currently-sorted column's header cell."}},{"name":"--lr-table-heat-t","description":{"kind":"markdown","value":"`<lr-table>` — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."}},{"name":"--lr-table-heat-tint-hi","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-heat-tint-lo","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-max-height","description":{"kind":"markdown","value":"`<lr-table>` (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."}},{"name":"--lr-table-resize-handle-active-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-resize-handle-hover-bg,var(--lr-color-brand))`) — Resize-handle pressed background."}},{"name":"--lr-table-resize-handle-active-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `calc(var(--lr-table-resize-handle-hover-opacity,var(--lr-table-resize-handle-opacity,0.12))2)`) — Resize-handle pressed opacity."}},{"name":"--lr-table-resize-handle-hover-bg","description":{"kind":"markdown","value":"`<lr-table>`* (default: `var(--lr-color-brand)`) — Resize-handle hover/focus background."}},{"name":"--lr-table-resize-handle-hover-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-resize-handle-opacity,0.12)`) — Resize-handle hover/focus opacity."}},{"name":"--lr-table-resize-handle-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `0.12`) — Hover/focus opacity of the resize handle. Legacy shared-state hook; inherits from theme ancestors."}},{"name":"--lr-table-resize-min-width","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`. Inherits from theme ancestors."}},{"name":"--lr-table-row-selected-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand-quiet)`) — Background of a row whose `aria-selected` is `true`, including that row's own `sticky` column cell -- a sticky cell otherwise paints its own opaque surface and would hide the selected fill. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-table-row-stripe-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `transparent`) — Background of alternating body rows, including each row's own `sticky` column cell. The token is read only on rows carrying the internal stripe marker, so it can be set on the table or an ancestor without affecting group, expanded, hover, or selected rows."}},{"name":"--lr-table-sticky-offset","description":{"kind":"markdown","value":"`<lr-table>` (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."}},{"name":"--lr-tag-remove-hover-background","description":{"kind":"markdown","value":"`<lr-tag>` (default: `color-mix(in srgb, currentColor 16%, transparent)`) — Background of the remove button on hover."}},{"name":"--lr-tag-remove-radius","description":{"kind":"markdown","value":"`<lr-tag>` (default: `var(--lr-badge-radius)`) — Corner radius of the remove button, defaulting to the tag's own corner so retuning one retunes both."}},{"name":"--lr-task-list-background","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-task-list-border-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-task-list-compact-body-padding","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-task-list-compact-gap","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."}},{"name":"--lr-task-list-compact-header-font-size","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-font-size-sm)`) — `[part=\"header\"]` font size while `compact`."}},{"name":"--lr-task-list-compact-header-gap","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"header\"]`'s toggle/label/summary while `compact`."}},{"name":"--lr-task-list-compact-header-padding","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-task-list-error-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-danger)`) — Error status icon color."}},{"name":"--lr-task-list-pending-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-text-quiet)`) — Pending status icon color."}},{"name":"--lr-task-list-radius","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-task-list-running-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-brand)`) — Running status icon color."}},{"name":"--lr-task-list-spin","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-transition-ambient)`) — Running-status icon spin animation duration/timing."}},{"name":"--lr-task-list-success-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-success)`) — Success status icon color."}},{"name":"--lr-terminal-bg-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg black. Reads `--lr-theme-terminal-bg-black`."}},{"name":"--lr-terminal-bg-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg blue. Reads `--lr-theme-terminal-bg-blue`."}},{"name":"--lr-terminal-bg-bright-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright black. Reads `--lr-theme-terminal-bg-bright-black`."}},{"name":"--lr-terminal-bg-bright-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright blue. Reads `--lr-theme-terminal-bg-bright-blue`."}},{"name":"--lr-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright cyan. Reads `--lr-theme-terminal-bg-bright-cyan`."}},{"name":"--lr-terminal-bg-bright-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright green. Reads `--lr-theme-terminal-bg-bright-green`."}},{"name":"--lr-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright magenta. Reads `--lr-theme-terminal-bg-bright-magenta`."}},{"name":"--lr-terminal-bg-bright-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright red. Reads `--lr-theme-terminal-bg-bright-red`."}},{"name":"--lr-terminal-bg-bright-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright white. Reads `--lr-theme-terminal-bg-bright-white`."}},{"name":"--lr-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright yellow. Reads `--lr-theme-terminal-bg-bright-yellow`."}},{"name":"--lr-terminal-bg-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg cyan. Reads `--lr-theme-terminal-bg-cyan`."}},{"name":"--lr-terminal-bg-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg green. Reads `--lr-theme-terminal-bg-green`."}},{"name":"--lr-terminal-bg-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg magenta. Reads `--lr-theme-terminal-bg-magenta`."}},{"name":"--lr-terminal-bg-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg red. Reads `--lr-theme-terminal-bg-red`."}},{"name":"--lr-terminal-bg-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg white. Reads `--lr-theme-terminal-bg-white`."}},{"name":"--lr-terminal-bg-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg yellow. Reads `--lr-theme-terminal-bg-yellow`."}},{"name":"--lr-terminal-border-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the toolbar/log divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-terminal-color-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color black. Reads `--lr-theme-terminal-color-black`."}},{"name":"--lr-terminal-color-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color blue. Reads `--lr-theme-terminal-color-blue`."}},{"name":"--lr-terminal-color-bright-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright black. Reads `--lr-theme-terminal-color-bright-black`."}},{"name":"--lr-terminal-color-bright-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright blue. Reads `--lr-theme-terminal-color-bright-blue`."}},{"name":"--lr-terminal-color-bright-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright cyan. Reads `--lr-theme-terminal-color-bright-cyan`."}},{"name":"--lr-terminal-color-bright-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright green. Reads `--lr-theme-terminal-color-bright-green`."}},{"name":"--lr-terminal-color-bright-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright magenta. Reads `--lr-theme-terminal-color-bright-magenta`."}},{"name":"--lr-terminal-color-bright-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright red. Reads `--lr-theme-terminal-color-bright-red`."}},{"name":"--lr-terminal-color-bright-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright white. Reads `--lr-theme-terminal-color-bright-white`."}},{"name":"--lr-terminal-color-bright-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright yellow. Reads `--lr-theme-terminal-color-bright-yellow`."}},{"name":"--lr-terminal-color-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color cyan. Reads `--lr-theme-terminal-color-cyan`."}},{"name":"--lr-terminal-color-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color green. Reads `--lr-theme-terminal-color-green`."}},{"name":"--lr-terminal-color-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color magenta. Reads `--lr-theme-terminal-color-magenta`."}},{"name":"--lr-terminal-color-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color red. Reads `--lr-theme-terminal-color-red`."}},{"name":"--lr-terminal-color-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color white. Reads `--lr-theme-terminal-color-white`."}},{"name":"--lr-terminal-color-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color yellow. Reads `--lr-theme-terminal-color-yellow`."}},{"name":"--lr-terminal-compact-line-padding-inline","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-xs)`) — Inline padding of each rendered `[part=\"line\"]` while `compact`."}},{"name":"--lr-terminal-compact-toolbar-gap","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"toolbar\"]`'s buttons while `compact`."}},{"name":"--lr-terminal-compact-toolbar-padding","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-2xs) var(--lr-space-xs)`) — `[part=\"toolbar\"]` padding while `compact`."}},{"name":"--lr-terminal-height","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-size-20rem)`) — Block size of `[part=\"viewport\"]`, the scrollable log region. Not declared on `:host`, so it is inherited — set it on the host or any ancestor."}},{"name":"--lr-terminal-highlight-accent-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone highlighted line. Decoupled from the shared `--lr-color-brand-quiet` token also used by `[part=\"copy-button\"]`/`[part=\"download-button\"]`'s hover state, and from any `::part('line')` override (the background is applied inline, so a stylesheet rule can't beat it without `!important`)."}},{"name":"--lr-terminal-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."}},{"name":"--lr-terminal-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."}},{"name":"--lr-terminal-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."}},{"name":"--lr-terminal-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."}},{"name":"--lr-terminal-line-active-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `color-mix(in oklab, var(--lr-terminal-line-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of an ordinary rendered line."}},{"name":"--lr-terminal-line-hover-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Hover background of an ordinary rendered `[part=\"line\"]`."}},{"name":"--lr-terminal-radius","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-terminal-search-active-outline-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand)`) — Outline color for the active search match's line."}},{"name":"--lr-terminal-search-outline-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."}},{"name":"--lr-terminal-surface-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-surface-raised)`) — Card-frame background and the fallback foreground for inverse ANSI segments without an explicit background. The `frame=\"plain\"` escape remains transparent."}},{"name":"--lr-terminal-toolbar-button-active-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `color-mix(in oklab, var(--lr-terminal-toolbar-button-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the toolbar buttons."}},{"name":"--lr-terminal-toolbar-button-hover-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Hover background of `[part=\"copy-button\"]` and `[part=\"download-button\"]`."}},{"name":"--lr-test-results-failed-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-danger)`) — Failed-state foreground."}},{"name":"--lr-test-results-filter-active-bg","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-border","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."}},{"name":"--lr-test-results-passed-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-success)`) — Passed-state foreground."}},{"name":"--lr-test-results-running-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Running-state foreground."}},{"name":"--lr-test-results-skipped-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-text-quiet)`) — Skipped-state foreground."}},{"name":"--lr-test-results-spinner-size","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-size-1em)`) — Diameter of the composed spinner in a running test row."}},{"name":"--lr-textarea-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-color-border)`) — Border color of the field. Its private default follows `appearance` in the same way as `--lr-textarea-fill`."}},{"name":"--lr-textarea-fill","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `transparent`) — Background of the field. Its private default follows `appearance`; the documented default is `appearance=\"outlined\"`'s value."}},{"name":"--lr-textarea-focus-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-textarea-border-color)`) — Field border color while the native textarea is focused. Unset, it resolves to this field's own resting border color, so a textarea with no override renders exactly as before this hook existed."}},{"name":"--lr-textarea-font-size","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-font-size)`) — Font size of the native textarea, from the active `size` tier of the shared ladder."}},{"name":"--lr-textarea-hover-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-color-brand)`) — Field border color while the native textarea is hovered."}},{"name":"--lr-textarea-max-block-size","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `none`) — Maximum auto-grown block size before the textarea scrolls."}},{"name":"--lr-textarea-padding","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-padding-inline)`) — Padding of the native textarea on all four sides, from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`). The ladder's inline gutter is used on every side deliberately: its block padding is `0` at the two tightest tiers because a control row's height floor supplies the space there, and a textarea has no such floor -- the first line of text would sit on the border."}},{"name":"--lr-textarea-radius","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-radius)`) — Corner radius of the field, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` changes the private default to `--lr-radius-pill`; a public value still wins."}},{"name":"--lr-theme-border-radius-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for border radius m."}},{"name":"--lr-theme-border-radius-pill","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-radius-pill."}},{"name":"--lr-theme-border-radius-xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-radius-xs."}},{"name":"--lr-theme-border-width-medium","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-medium."}},{"name":"--lr-theme-border-width-thick","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-thick."}},{"name":"--lr-theme-border-width-thin","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-thin."}},{"name":"--lr-theme-color-border-strong","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color border strong."}},{"name":"--lr-theme-color-brand-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border loud."}},{"name":"--lr-theme-color-brand-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border normal."}},{"name":"--lr-theme-color-brand-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border quiet."}},{"name":"--lr-theme-color-brand-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill loud."}},{"name":"--lr-theme-color-brand-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill normal."}},{"name":"--lr-theme-color-brand-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill quiet."}},{"name":"--lr-theme-color-brand-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on loud."}},{"name":"--lr-theme-color-brand-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on normal."}},{"name":"--lr-theme-color-brand-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on quiet."}},{"name":"--lr-theme-color-chart-1","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 1."}},{"name":"--lr-theme-color-chart-2","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 2."}},{"name":"--lr-theme-color-chart-3","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 3."}},{"name":"--lr-theme-color-chart-4","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 4."}},{"name":"--lr-theme-color-chart-5","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 5."}},{"name":"--lr-theme-color-chart-6","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 6."}},{"name":"--lr-theme-color-chart-7","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 7."}},{"name":"--lr-theme-color-chart-8","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 8."}},{"name":"--lr-theme-color-danger-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border loud."}},{"name":"--lr-theme-color-danger-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border normal."}},{"name":"--lr-theme-color-danger-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border quiet."}},{"name":"--lr-theme-color-danger-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill loud."}},{"name":"--lr-theme-color-danger-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill normal."}},{"name":"--lr-theme-color-danger-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill quiet."}},{"name":"--lr-theme-color-danger-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on loud."}},{"name":"--lr-theme-color-danger-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on normal."}},{"name":"--lr-theme-color-danger-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on quiet."}},{"name":"--lr-theme-color-focus","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color focus."}},{"name":"--lr-theme-color-mix-active","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-active."}},{"name":"--lr-theme-color-mix-hover","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-hover."}},{"name":"--lr-theme-color-mix-partner","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-partner."}},{"name":"--lr-theme-color-neutral-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border loud."}},{"name":"--lr-theme-color-neutral-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border normal."}},{"name":"--lr-theme-color-neutral-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border quiet."}},{"name":"--lr-theme-color-neutral-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill loud."}},{"name":"--lr-theme-color-neutral-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill normal."}},{"name":"--lr-theme-color-neutral-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill quiet."}},{"name":"--lr-theme-color-neutral-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on loud."}},{"name":"--lr-theme-color-neutral-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on normal."}},{"name":"--lr-theme-color-neutral-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on quiet."}},{"name":"--lr-theme-color-no-data","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color no data."}},{"name":"--lr-theme-color-on-strong-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color on strong overlay."}},{"name":"--lr-theme-color-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color overlay."}},{"name":"--lr-theme-color-overlay-strong","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color overlay strong."}},{"name":"--lr-theme-color-shadow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-shadow."}},{"name":"--lr-theme-color-success-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border loud."}},{"name":"--lr-theme-color-success-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border normal."}},{"name":"--lr-theme-color-success-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border quiet."}},{"name":"--lr-theme-color-success-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill loud."}},{"name":"--lr-theme-color-success-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill normal."}},{"name":"--lr-theme-color-success-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill quiet."}},{"name":"--lr-theme-color-success-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on loud."}},{"name":"--lr-theme-color-success-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on normal."}},{"name":"--lr-theme-color-success-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on quiet."}},{"name":"--lr-theme-color-surface-border","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface border."}},{"name":"--lr-theme-color-surface-default","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface default."}},{"name":"--lr-theme-color-surface-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface overlay."}},{"name":"--lr-theme-color-surface-raised","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface raised."}},{"name":"--lr-theme-color-text-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color text normal."}},{"name":"--lr-theme-color-text-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color text quiet."}},{"name":"--lr-theme-color-warning-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border loud."}},{"name":"--lr-theme-color-warning-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border normal."}},{"name":"--lr-theme-color-warning-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border quiet."}},{"name":"--lr-theme-color-warning-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill loud."}},{"name":"--lr-theme-color-warning-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill normal."}},{"name":"--lr-theme-color-warning-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill quiet."}},{"name":"--lr-theme-color-warning-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on loud."}},{"name":"--lr-theme-color-warning-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on normal."}},{"name":"--lr-theme-color-warning-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on quiet."}},{"name":"--lr-theme-duration-fast","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-fast."}},{"name":"--lr-theme-duration-icon","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-icon."}},{"name":"--lr-theme-duration-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-base."}},{"name":"--lr-theme-duration-slow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-ambient."}},{"name":"--lr-theme-easing-emphasized","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-emphasized."}},{"name":"--lr-theme-easing-linear","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-linear."}},{"name":"--lr-theme-easing-standard","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-standard."}},{"name":"--lr-theme-focus-ring-offset","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for focus ring offset."}},{"name":"--lr-theme-focus-ring-width","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for focus ring width."}},{"name":"--lr-theme-font-family-body","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font family body."}},{"name":"--lr-theme-font-family-mono","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font family mono."}},{"name":"--lr-theme-font-size-2xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 2xl."}},{"name":"--lr-theme-font-size-2xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 2xs."}},{"name":"--lr-theme-font-size-3xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 3xl."}},{"name":"--lr-theme-font-size-3xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 3xs."}},{"name":"--lr-theme-font-size-lg","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size lg."}},{"name":"--lr-theme-font-size-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size m."}},{"name":"--lr-theme-font-size-md-sm","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size md sm."}},{"name":"--lr-theme-font-size-sm","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size sm."}},{"name":"--lr-theme-font-size-xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size xl."}},{"name":"--lr-theme-font-size-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size xs."}},{"name":"--lr-theme-font-weight-bold","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-bold."}},{"name":"--lr-theme-font-weight-medium","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-medium."}},{"name":"--lr-theme-font-weight-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-normal."}},{"name":"--lr-theme-font-weight-semibold","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-semibold."}},{"name":"--lr-theme-form-control-height-2xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-2xs."}},{"name":"--lr-theme-form-control-height-l","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-l."}},{"name":"--lr-theme-form-control-height-m","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-m."}},{"name":"--lr-theme-form-control-height-s","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-s."}},{"name":"--lr-theme-form-control-height-xl","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-xl."}},{"name":"--lr-theme-form-control-height-xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-xs."}},{"name":"--lr-theme-form-control-radius","description":{"kind":"markdown","value":"Application theme input — Application input for --lr-form-control-radius; falls back to the shared token default."}},{"name":"--lr-theme-graph-cat-1","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 1."}},{"name":"--lr-theme-graph-cat-2","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 2."}},{"name":"--lr-theme-graph-cat-3","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 3."}},{"name":"--lr-theme-graph-cat-4","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 4."}},{"name":"--lr-theme-graph-cat-5","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 5."}},{"name":"--lr-theme-graph-cat-6","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 6."}},{"name":"--lr-theme-graph-cat-7","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 7."}},{"name":"--lr-theme-graph-cat-8","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 8."}},{"name":"--lr-theme-hover-brightness","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-hover-brightness."}},{"name":"--lr-theme-icon-button-size","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for icon button size."}},{"name":"--lr-theme-line-height-1-4","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-1-4."}},{"name":"--lr-theme-line-height-compact","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-compact."}},{"name":"--lr-theme-line-height-loose","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-loose."}},{"name":"--lr-theme-line-height-none","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-none."}},{"name":"--lr-theme-line-height-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-normal."}},{"name":"--lr-theme-line-height-snug","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-snug."}},{"name":"--lr-theme-opacity-disabled","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-opacity-disabled."}},{"name":"--lr-theme-opacity-muted","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-opacity-muted."}},{"name":"--lr-theme-otp-input-segment-size","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-otp-input-segment-size."}},{"name":"--lr-theme-popover-viewport-clamp","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-popover-viewport-clamp."}},{"name":"--lr-theme-scroll-fade-size","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-scroll-fade-size."}},{"name":"--lr-theme-scrollbar-gutter","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by `body`; see `--lr-theme-scrollbar-width`.\n\n`<lr-code-editor>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `editor` scroll frame; see `--lr-theme-scrollbar-width`.\n\n`<lr-table>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `base` scroll container; see `--lr-theme-scrollbar-width`.\n\n`<lr-virtual-list>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `base` scroll viewport; see `--lr-theme-scrollbar-width`."}},{"name":"--lr-theme-scrollbar-width","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `auto`) — Opt-in theme-level scrollbar width honored by `body`; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once. Shared with `lr-code-block-core` (which reuses this stylesheet).\n\n`<lr-code-block-core>` (default: `auto`) — Opt-in theme-level scrollbar width honored by `body`; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once. Shared with `lr-code-block` (this component reuses its stylesheet).\n\n`<lr-code-editor>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `editor` scroll frame; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once.\n\n`<lr-table>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `base` scroll container; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once.\n\n`<lr-virtual-list>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `base` scroll viewport; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once."}},{"name":"--lr-theme-shadow-color","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow color."}},{"name":"--lr-theme-shadow-l","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow l."}},{"name":"--lr-theme-shadow-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow m."}},{"name":"--lr-theme-shadow-s","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow s."}},{"name":"--lr-theme-shadow-xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow xl."}},{"name":"--lr-theme-shadow-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow xs."}},{"name":"--lr-theme-size-0-02em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-02em."}},{"name":"--lr-theme-size-0-03em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-03em."}},{"name":"--lr-theme-size-0-04em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-04em."}},{"name":"--lr-theme-size-0-05rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-05rem."}},{"name":"--lr-theme-size-0-0625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-0625rem."}},{"name":"--lr-theme-size-0-09375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-09375rem."}},{"name":"--lr-theme-size-0-125rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-125rem."}},{"name":"--lr-theme-size-0-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-15rem."}},{"name":"--lr-theme-size-0-1875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-1875rem."}},{"name":"--lr-theme-size-0-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-1rem."}},{"name":"--lr-theme-size-0-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-25rem."}},{"name":"--lr-theme-size-0-3125rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-3125rem."}},{"name":"--lr-theme-size-0-35em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-35em."}},{"name":"--lr-theme-size-0-375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-375rem."}},{"name":"--lr-theme-size-0-3em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-3em."}},{"name":"--lr-theme-size-0-4375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4375rem."}},{"name":"--lr-theme-size-0-4em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4em."}},{"name":"--lr-theme-size-0-4rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4rem."}},{"name":"--lr-theme-size-0-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-5em."}},{"name":"--lr-theme-size-0-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-5rem."}},{"name":"--lr-theme-size-0-625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-625rem."}},{"name":"--lr-theme-size-0-6875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-6875rem."}},{"name":"--lr-theme-size-0-6rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-6rem."}},{"name":"--lr-theme-size-0-75em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-75em."}},{"name":"--lr-theme-size-0-75rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-75rem."}},{"name":"--lr-theme-size-0-7em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-7em."}},{"name":"--lr-theme-size-0-875em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-875em."}},{"name":"--lr-theme-size-0-8rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-8rem."}},{"name":"--lr-theme-size-0-9375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-9375rem."}},{"name":"--lr-theme-size-1-0625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-0625rem."}},{"name":"--lr-theme-size-1-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-1rem."}},{"name":"--lr-theme-size-1-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-25rem."}},{"name":"--lr-theme-size-1-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-5em."}},{"name":"--lr-theme-size-1-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-5rem."}},{"name":"--lr-theme-size-1-75rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-75rem."}},{"name":"--lr-theme-size-1-875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-875rem."}},{"name":"--lr-theme-size-10px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-10px."}},{"name":"--lr-theme-size-10rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-10rem."}},{"name":"--lr-theme-size-12em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-12em."}},{"name":"--lr-theme-size-12rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-12rem."}},{"name":"--lr-theme-size-14px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-14px."}},{"name":"--lr-theme-size-14rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-14rem."}},{"name":"--lr-theme-size-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-15rem."}},{"name":"--lr-theme-size-16px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-16px."}},{"name":"--lr-theme-size-16rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-16rem."}},{"name":"--lr-theme-size-18rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-18rem."}},{"name":"--lr-theme-size-1em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1em."}},{"name":"--lr-theme-size-1px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1px."}},{"name":"--lr-theme-size-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1rem."}},{"name":"--lr-theme-size-2-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-25rem."}},{"name":"--lr-theme-size-2-5ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-5ch."}},{"name":"--lr-theme-size-2-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-5rem."}},{"name":"--lr-theme-size-20rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-20rem."}},{"name":"--lr-theme-size-22rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-22rem."}},{"name":"--lr-theme-size-24px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-24px."}},{"name":"--lr-theme-size-24rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-24rem."}},{"name":"--lr-theme-size-280px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-280px."}},{"name":"--lr-theme-size-28px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-28px."}},{"name":"--lr-theme-size-28rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-28rem."}},{"name":"--lr-theme-size-2px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2px."}},{"name":"--lr-theme-size-2rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2rem."}},{"name":"--lr-theme-size-3-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3-5em."}},{"name":"--lr-theme-size-3-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3-5rem."}},{"name":"--lr-theme-size-30rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-30rem."}},{"name":"--lr-theme-size-32rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-32rem."}},{"name":"--lr-theme-size-36rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-36rem."}},{"name":"--lr-theme-size-38rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-38rem."}},{"name":"--lr-theme-size-3ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3ch."}},{"name":"--lr-theme-size-3px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3px."}},{"name":"--lr-theme-size-3rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3rem."}},{"name":"--lr-theme-size-48rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-48rem."}},{"name":"--lr-theme-size-4ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4ch."}},{"name":"--lr-theme-size-4px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4px."}},{"name":"--lr-theme-size-4rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4rem."}},{"name":"--lr-theme-size-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-5em."}},{"name":"--lr-theme-size-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-5rem."}},{"name":"--lr-theme-size-6ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6ch."}},{"name":"--lr-theme-size-6em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6em."}},{"name":"--lr-theme-size-6px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6px."}},{"name":"--lr-theme-size-6rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6rem."}},{"name":"--lr-theme-size-7rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-7rem."}},{"name":"--lr-theme-size-8em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-8em."}},{"name":"--lr-theme-size-8rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-8rem."}},{"name":"--lr-theme-size-neg-0-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-0-15rem."}},{"name":"--lr-theme-size-neg-0-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-0-25rem."}},{"name":"--lr-theme-size-neg-1px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-1px."}},{"name":"--lr-theme-size-neg-4px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-4px."}},{"name":"--lr-theme-size-neg-6px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-6px."}},{"name":"--lr-theme-size-neg-8px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-8px."}},{"name":"--lr-theme-space-2xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space 2xl."}},{"name":"--lr-theme-space-2xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space 2xs."}},{"name":"--lr-theme-space-l","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space l."}},{"name":"--lr-theme-space-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space m."}},{"name":"--lr-theme-space-s","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space s."}},{"name":"--lr-theme-space-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space xs."}},{"name":"--lr-theme-terminal-bg-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg black."}},{"name":"--lr-theme-terminal-bg-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg blue."}},{"name":"--lr-theme-terminal-bg-bright-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright black."}},{"name":"--lr-theme-terminal-bg-bright-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright blue."}},{"name":"--lr-theme-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright cyan."}},{"name":"--lr-theme-terminal-bg-bright-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright green."}},{"name":"--lr-theme-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright magenta."}},{"name":"--lr-theme-terminal-bg-bright-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright red."}},{"name":"--lr-theme-terminal-bg-bright-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright white."}},{"name":"--lr-theme-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright yellow."}},{"name":"--lr-theme-terminal-bg-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg cyan."}},{"name":"--lr-theme-terminal-bg-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg green."}},{"name":"--lr-theme-terminal-bg-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg magenta."}},{"name":"--lr-theme-terminal-bg-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg red."}},{"name":"--lr-theme-terminal-bg-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg white."}},{"name":"--lr-theme-terminal-bg-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg yellow."}},{"name":"--lr-theme-terminal-color-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color black."}},{"name":"--lr-theme-terminal-color-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color blue."}},{"name":"--lr-theme-terminal-color-bright-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright black."}},{"name":"--lr-theme-terminal-color-bright-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright blue."}},{"name":"--lr-theme-terminal-color-bright-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright cyan."}},{"name":"--lr-theme-terminal-color-bright-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright green."}},{"name":"--lr-theme-terminal-color-bright-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright magenta."}},{"name":"--lr-theme-terminal-color-bright-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright red."}},{"name":"--lr-theme-terminal-color-bright-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright white."}},{"name":"--lr-theme-terminal-color-bright-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright yellow."}},{"name":"--lr-theme-terminal-color-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color cyan."}},{"name":"--lr-theme-terminal-color-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color green."}},{"name":"--lr-theme-terminal-color-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color magenta."}},{"name":"--lr-theme-terminal-color-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color red."}},{"name":"--lr-theme-terminal-color-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color white."}},{"name":"--lr-theme-terminal-color-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color yellow."}},{"name":"--lr-theme-transition-fast","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-fast."}},{"name":"--lr-theme-transition-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-base."}},{"name":"--lr-theme-transition-slow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-ambient."}},{"name":"--lr-theme-z-index-base","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index base."}},{"name":"--lr-theme-z-index-content","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index content."}},{"name":"--lr-theme-z-index-dropdown","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index dropdown."}},{"name":"--lr-theme-z-index-modal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index modal."}},{"name":"--lr-theme-z-index-popover","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index popover."}},{"name":"--lr-theme-z-index-toast","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index toast."}},{"name":"--lr-thinking-panel-background","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-thinking-panel-body-hover-outline-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"body\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-thinking-panel-body-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `calc(-1 * var(--lr-focus-ring-offset))`) — Inward offset of the mouse-hover preview on `[part=\"body\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-thinking-panel-body-hover-outline-style","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-thinking-panel-body-hover-outline-width","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-focus-ring-width)`) — Outline width of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-thinking-panel-border-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-thinking-panel-compact-body-padding","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-compact-header-font-size","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-font-size-sm)`) — Font size of `[part=\"header\"]` while `compact`."}},{"name":"--lr-thinking-panel-compact-header-gap","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-2xs)`) — Gap between the header toggle, label, and duration while `compact`."}},{"name":"--lr-thinking-panel-compact-header-padding","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-max-block-size","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."}},{"name":"--lr-thinking-panel-pending-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-brand)`) — Live pending-state color."}},{"name":"--lr-thinking-panel-radius","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-thread-list-excerpt-highlight-background","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-warning-quiet)`) — Background of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-foreground","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `inherit`) — Foreground of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-padding","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `0`) — Padding of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-radius","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-radius-xs)`) — Corner radius of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-group-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `color-mix(in oklab, var(--lr-thread-list-group-toggle-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Group-toggle pressed background."}},{"name":"--lr-thread-list-group-toggle-active-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-thread-list-group-toggle-hover-color, var(--lr-color-text))`) — Group-toggle pressed foreground."}},{"name":"--lr-thread-list-group-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-surface-raised)`) — Group-toggle hover background."}},{"name":"--lr-thread-list-group-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-text)`) — Group-toggle hover foreground."}},{"name":"--lr-thread-list-row-action-active-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `color-mix(in oklab, var(--lr-thread-list-row-action-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Row-action pressed background."}},{"name":"--lr-thread-list-row-action-active-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-thread-list-row-action-hover-color, var(--lr-color-text))`) — Row-action pressed foreground."}},{"name":"--lr-thread-list-row-action-hover-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-surface-raised)`) — Row-action hover background."}},{"name":"--lr-thread-list-row-action-hover-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-text)`) — Row-action hover foreground."}},{"name":"--lr-thread-list-search-clear-size","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-size-1-5rem)`) — Box size of the search field's clear button. Deliberately not tiered by `size`: it is a tap target floored at the shared minimum target size, not a text box."}},{"name":"--lr-thread-list-search-font-size","description":{"kind":"markdown","value":"`<lr-thread-list>` — Text size of the search field. Unset while `size` is, so the field inherits the ambient text size; a `size` tier resolves it to that tier's shared form-control font size."}},{"name":"--lr-thread-list-search-gap","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-xs)`) — Gap between the search field and its clear button."}},{"name":"--lr-thread-list-search-min-height","description":{"kind":"markdown","value":"`<lr-thread-list>` — Minimum row height of the search field. Unset while `size` is, so the field is exactly as tall as its own text plus padding; a `size` tier resolves it to that tier's shared form-control height."}},{"name":"--lr-thread-list-search-padding","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-s)`) — Gutter around the built-in search field. Deliberately not tiered by `size`, which sizes the field itself."}},{"name":"--lr-thread-list-search-padding-block","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-xs)`) — Block gutter of the search field. A `size` tier replaces the default with that tier's shared form-control block gutter."}},{"name":"--lr-thread-list-search-padding-inline","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-s)`) — Inline gutter of the search field. A `size` tier replaces the default with that tier's shared form-control inline gutter."}},{"name":"--lr-thread-list-search-radius","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-radius)`) — Corner radius of the search field. A `size` tier replaces the default with that tier's shared form-control radius."}},{"name":"--lr-time-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Clear/expand/Now pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-action-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text-quiet)`) — Resting clear/expand color."}},{"name":"--lr-time-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Clear/expand/Now hover fill."}},{"name":"--lr-time-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text)`) — Hovered clear/expand color."}},{"name":"--lr-time-input-border-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-border)`) — Outer row border color, with appearance-specific fallbacks."}},{"name":"--lr-time-input-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text)`) — Outer row text color, including the accent appearance fallback."}},{"name":"--lr-time-input-column-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Picker-option pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-column-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Picker-option hover fill."}},{"name":"--lr-time-input-column-selected-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Selected-option pressed fill; derived when unset."}},{"name":"--lr-time-input-column-selected-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand)`) — Selected option fill."}},{"name":"--lr-time-input-column-selected-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-on-brand)`) — Selected option text."}},{"name":"--lr-time-input-column-selected-font-weight","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-font-weight-semibold)`) — Selected option weight."}},{"name":"--lr-time-input-column-selected-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Selected-option hover fill; derived when unset."}},{"name":"--lr-time-input-control-height","description":{"kind":"markdown","value":"`<lr-time-input>` — Exact outer row height. Unset by default, which leaves `--lr-time-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-date-input>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-time-input-control-min-height","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-height)`) — Outer row height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so a time field is exactly as tall as an `<lr-input>`/ `<lr-select>` of the same tier."}},{"name":"--lr-time-input-fill","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `transparent`) — Outer row background, with appearance-specific fallbacks."}},{"name":"--lr-time-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand)`) — Open/focused row border."}},{"name":"--lr-time-input-gap","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-gap)`) — Gap between segments, adornments, and actions in the outer row. Undeclared on the host so ancestor theme wrappers can set it."}},{"name":"--lr-time-input-radius","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-radius)`) — Outer row corner radius. `pill` supplies `--lr-radius-pill` only as the fallback, so a component-scoped value wins."}},{"name":"--lr-time-input-segment-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Segment pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-segment-focus-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-time-input-segment-hover-bg,var(--lr-color-brand-quiet))`) — Keyboard-focused segment fill."}},{"name":"--lr-time-input-segment-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Segment hover fill."}},{"name":"--lr-time-range-base-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `1.5remscale`) — Brush baseline block size."}},{"name":"--lr-time-range-handle-bg","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `var(--lr-color-brand)`) — Resting handle background."}},{"name":"--lr-time-range-handle-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-surface)`) — Resting handle border."}},{"name":"--lr-time-range-handle-hover-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Hovered handle background; defaults to a hover-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-pressed-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Pressed handle background; defaults to an active-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `14pxscale`) — Visible handle diameter."}},{"name":"--lr-time-range-hit-size","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `max(24px,28pxscale)`) — Actual drag hit-area diameter; endpoint handles are inset by half this distance so the hit geometry stays inside the host."}},{"name":"--lr-time-range-preset-active-bg","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `var(--lr-color-brand)`) — Background of the active preset button (`[data-active]`, i.e. the preset whose button produced the current range). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active preset without hijacking the library-wide `--lr-color-brand` token."}},{"name":"--lr-time-range-preset-active-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-brand)`) — Border color of the active preset button."}},{"name":"--lr-time-range-preset-active-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."}},{"name":"--lr-time-range-preset-font-size","description":{"kind":"markdown","value":"`<lr-time-range>` — Preset button font size, scaled by `size`."}},{"name":"--lr-time-range-preset-gap","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-space-xs)`) — Gap between preset buttons."}},{"name":"--lr-time-range-preset-hover-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-brand)`) — Border color of a hovered preset button."}},{"name":"--lr-time-range-preset-padding","description":{"kind":"markdown","value":"`<lr-time-range>` — Preset button padding, scaled by `size`."}},{"name":"--lr-time-range-preset-pressed-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Background of a pressed preset button; defaults to an active-state mix of `--lr-color-surface`."}},{"name":"--lr-time-range-preset-pressed-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` — Border color of a pressed preset button; defaults to an active-state mix of `--lr-color-brand`."}},{"name":"--lr-time-range-preset-radius","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-radius)`) — Preset button corner radius."}},{"name":"--lr-time-range-size-scale","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."}},{"name":"--lr-time-range-track-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `4pxscale`) — Track and selected-range thickness."}},{"name":"--lr-timeline-active-ring-color","description":{"kind":"markdown","value":"`<lr-timeline-item>`* (default: `var(--lr-timeline-marker-color)`) — Static outline color for the current/in-progress marker. The outline remains visible when reduced motion disables the optional pulse animation."}},{"name":"--lr-timeline-cluster-bg","description":{"kind":"markdown","value":"`<lr-timeline>`, `<lr-timeline-item>` (default: `var(--lr-color-brand)`) — Cluster count pill background."}},{"name":"--lr-timeline-cluster-color","description":{"kind":"markdown","value":"`<lr-timeline>`, `<lr-timeline-item>` (default: `var(--lr-color-on-brand)`) — Cluster count pill foreground."}},{"name":"--lr-timeline-cluster-size","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted count pill. Its containing button retains the shared 40px minimum action surface.\n\n`<lr-timeline-item>` (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted cluster count pill. Its containing button retains the shared 40px minimum action surface."}},{"name":"--lr-timeline-collision-offset","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-space-l)`) — Cross-axis step between items stacked by `collision=\"stack\"`. Each collision lane is indented one step further, so a wider marker can claim more room without the lanes overlapping again. Ignored unless both `scale=\"time\"` and `collision=\"stack\"` are set."}},{"name":"--lr-timeline-gap","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."}},{"name":"--lr-timeline-marker-color","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Its private default changes per `variant` (see the class doc's variant table); a consumer can override it on an ancestor for a themed group or directly on one item, with the direct value winning via the normal cascade."}},{"name":"--lr-timeline-marker-size","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-size-1-25rem)`) — Diameter of the marker circle (both inline-size and block-size, so the default dot stays circular). Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-color","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-color-border)`) — Color of the connecting rail line. A component-scoped property (not just inlining `var(--lr-color-border)` at every use site) so a consumer can retint just the rail without touching the library-wide border color elsewhere. Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-width","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line. Inherits from theme ancestors."}},{"name":"--lr-timeline-time-extent","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-size-20rem)`) — Distance the `scale=\"time\"` axis distributes items along: `block-size` when vertical, `inline-size` when horizontal. Time-scaled items are absolutely positioned, and a percentage offset against an auto-sized track resolves to zero, so the axis needs a definite extent. Horizontal overlap and stack modes measure actual item/lane height independently and update it when content changes. Ignored in the default `scale=\"flow\"`."}},{"name":"--lr-toast-accent-color","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-color-border)`) — Accent bar / icon color of a slotted item. Its private default follows `variant`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-color-border)`) — Color of the accent bar and the icon. Its private default follows each non-neutral `variant`'s loud fill from the shared semantic grid; `neutral` keeps the plain border color, so an informational toast reads as unaccented. An inherited or direct public value remains authoritative."}},{"name":"--lr-toast-accent-width","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-size-4px)`) — Width of a slotted item's accent bar. Read by `<lr-toast-item>`'s own stylesheet, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-size-4px)`) — Width of the accent bar, and the extra inline-start padding reserved for it."}},{"name":"--lr-toast-close-button-active-bg","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-active-color","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-color-text)`) — Foreground of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-hover-bg","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `transparent`) — Background of the enabled close button while hovered."}},{"name":"--lr-toast-close-button-hover-color","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-color-text)`) — Foreground of the enabled close button while hovered."}},{"name":"--lr-toast-font-size","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-font-size-m)`) — Font size of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-font-size-m)`) — Font size of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-gap","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-space-s)`) — Gap between stacked items."}},{"name":"--lr-toast-hide-duration","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Hide transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while hiding."}},{"name":"--lr-toast-item-gap","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-space-s)`) — Gap between the item icon, message, and close button. Unlike `--lr-toast-gap`, this does not affect spacing between stacked items."}},{"name":"--lr-toast-item-radius","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-radius)`) — Corner radius of the item surface and its accent bar's inline-start corners. Pointer-state hooks are inline fallbacks, so they inherit from the item or an ancestor without recoloring the item surface or the stack."}},{"name":"--lr-toast-padding","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-space-m)`) — Padding of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-space-m)`) — Padding of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-show-duration","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Show transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while showing."}},{"name":"--lr-toast-width","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-size-28rem)`) — Inline size of the stack, capped by the usable logical safe-area rectangle."}},{"name":"--lr-token-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand-quiet)`) — Edit/remove hover background."}},{"name":"--lr-token-input-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row. The invalid and focused states keep their own hooks and still win over it."}},{"name":"--lr-token-input-control-height","description":{"kind":"markdown","value":"`<lr-token-input>` — Exact input-wrapper height. Unset by default, which leaves `--lr-token-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). An uncapped row grows as tokens wrap; a capped row clips inline overflow and intentionally scrolls in the block axis so wrapped tokens and their hit-area-floored actions remain reachable. Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-token-input-control-min-height","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-token-input-edit-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>`* (default: `var(--lr-token-input-action-hover-bg)`) — Editable token label hover background, independently themeable from the remove action."}},{"name":"--lr-token-input-edit-pressed-bg","description":{"kind":"markdown","value":"`<lr-token-input>` — Editable token label pressed background; defaults to an active-state mix of `--lr-token-input-edit-hover-bg`."}},{"name":"--lr-token-input-editor-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."}},{"name":"--lr-token-input-fill","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-surface)`) — Resting background of the input row."}},{"name":"--lr-token-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-token-input-font-size","description":{"kind":"markdown","value":"`<lr-token-input>` — Input-wrapper/token font size, scaled by `size`."}},{"name":"--lr-token-input-gap","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-space-xs)`) — Gap between form/row children."}},{"name":"--lr-token-input-input-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."}},{"name":"--lr-token-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-token-input-min-input-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."}},{"name":"--lr-token-input-padding","description":{"kind":"markdown","value":"`<lr-token-input>` — Input-wrapper padding, scaled by `size`."}},{"name":"--lr-token-input-radius","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-radius)`) — Row/token corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-token-input-remove-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-token-input-action-hover-bg)`) — Remove action hover background, independently themeable from the editable label."}},{"name":"--lr-token-input-remove-pressed-bg","description":{"kind":"markdown","value":"`<lr-token-input>` — Remove action pressed background; defaults to an active-state mix of `--lr-token-input-remove-hover-bg`."}},{"name":"--lr-token-input-token-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand-quiet)`) — Token chip background."}},{"name":"--lr-token-input-token-gap","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-space-2xs)`) — Gap inside token chips."}},{"name":"--lr-token-input-token-padding","description":{"kind":"markdown","value":"`<lr-token-input>` — Per-token chip padding, scaled by `size`."}},{"name":"--lr-tool-approval-dialog-hover-border-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-brand)`) — Border color of a valid, editable raw-JSON args editor on hover. Invalid and pending states retain their semantic chrome."}},{"name":"--lr-tool-approval-dialog-invalid-border-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-danger)`) — Border color of an invalid raw-JSON editor."}},{"name":"--lr-tool-approval-dialog-mono-font","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-font-mono)`) — Font family for the tool name and the raw-JSON args editor."}},{"name":"--lr-tool-approval-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-call-chip-accent","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-text-quiet)`) — Accent color for the status glyph and text. Its private default follows `status` (`running` → brand, `success` → success, `error` → danger, `denied` → warning); an inherited or direct public override always wins."}},{"name":"--lr-tool-call-chip-bg","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-surface)`) — Chip background. Its private default follows the same `status` rules using each status's `-quiet` tint; a public override wins."}},{"name":"--lr-tool-call-chip-border","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-border)`) — Chip border color. Its private default becomes transparent for every non-`pending` status; a public override wins."}},{"name":"--lr-tool-call-chip-spin","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-transition-ambient)`) — Running-icon animation duration and timing."}},{"name":"--lr-tool-param-form-invalid-border-color","description":{"kind":"markdown","value":"`<lr-tool-param-form>` (default: `var(--lr-color-danger)`) — Border color of an invalid generated native text or number input."}},{"name":"--lr-tool-result-dialog-denied-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-warning-quiet)`) — Denied status background."}},{"name":"--lr-tool-result-dialog-denied-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-warning)`) — Denied status foreground."}},{"name":"--lr-tool-result-dialog-error-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-danger-quiet)`) — Error status background."}},{"name":"--lr-tool-result-dialog-error-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-danger)`) — Error status foreground."}},{"name":"--lr-tool-result-dialog-maximized-inset","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` — Insets for the maximized panel."}},{"name":"--lr-tool-result-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop color."}},{"name":"--lr-tool-result-dialog-pending-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `transparent`) — Pending status background."}},{"name":"--lr-tool-result-dialog-pending-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-text-quiet)`) — Pending status foreground."}},{"name":"--lr-tool-result-dialog-running-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-brand-quiet)`) — Running status background."}},{"name":"--lr-tool-result-dialog-running-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-brand)`) — Running status foreground."}},{"name":"--lr-tool-result-dialog-spin","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-transition-ambient)`) — Running-status animation duration and timing."}},{"name":"--lr-tool-result-dialog-success-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-success-quiet)`) — Success status background."}},{"name":"--lr-tool-result-dialog-success-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-success)`) — Success status foreground."}},{"name":"--lr-tool-result-view-font","description":{"kind":"markdown","value":"`<lr-tool-result-view>` (default: `var(--lr-font-mono)`) — Font family for the `fallback=\"text\"` preformatted output."}},{"name":"--lr-tool-select-dialog-body-hover-outline-color","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"body\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-tool-select-dialog-body-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"body\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-tool-select-dialog-body-hover-outline-style","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-tool-select-dialog-body-hover-outline-width","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-tool-select-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-select-dialog-search-font-size","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-tool-select-dialog-search-min-height","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `auto`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line this field up with the rest of an application's controls."}},{"name":"--lr-tool-select-dialog-search-padding-block","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-space-s)`) — Block gutter of the search field."}},{"name":"--lr-tool-select-dialog-search-padding-inline","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-space-m)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-tool-select-dialog-search-radius","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-tool-timeline-approved-bg","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success-quiet)`) — Approved badge background."}},{"name":"--lr-tool-timeline-approved-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success)`) — Approved badge foreground."}},{"name":"--lr-tool-timeline-denied-bg","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger-quiet)`) — Denied badge background."}},{"name":"--lr-tool-timeline-denied-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Denied badge foreground."}},{"name":"--lr-tool-timeline-denied-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."}},{"name":"--lr-tool-timeline-error-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Expanded error text."}},{"name":"--lr-tool-timeline-error-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Error rail dot."}},{"name":"--lr-tool-timeline-gap","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-space-l)`) — Vertical gap between entries."}},{"name":"--lr-tool-timeline-marker-size","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."}},{"name":"--lr-tool-timeline-pending-approval-border-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."}},{"name":"--lr-tool-timeline-pending-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-text-quiet)`) — Rail-dot color for a `status=\"pending\"` entry."}},{"name":"--lr-tool-timeline-running-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-brand)`) — Running rail dot."}},{"name":"--lr-tool-timeline-success-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success)`) — Success rail dot."}},{"name":"--lr-tooltip-arrow-size","description":{"kind":"markdown","value":"`<lr-tooltip>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-tooltip-background","description":{"kind":"markdown","value":"`<lr-tooltip>` — Tooltip background color (default `--lr-color-neutral`)."}},{"name":"--lr-tooltip-color","description":{"kind":"markdown","value":"`<lr-tooltip>` — Tooltip text color (default `--lr-color-on-neutral`)."}},{"name":"--lr-tooltip-max-inline-size","description":{"kind":"markdown","value":"`<lr-tooltip>` — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-tour-backdrop-color","description":{"kind":"markdown","value":"`<lr-tour>` — Backdrop scrim fill. Defaults to `--lr-color-overlay`."}},{"name":"--lr-tour-popover-max-width","description":{"kind":"markdown","value":"`<lr-tour>` — Maximum popover inline size. Defaults to `--lr-size-22rem`."}},{"name":"--lr-tour-progress-dot-current-bg","description":{"kind":"markdown","value":"`<lr-tour>` (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."}},{"name":"--lr-tour-spotlight-radius","description":{"kind":"markdown","value":"`<lr-tour>` — Corner radius shared by the cutout and the ring. Defaults to `--lr-radius`."}},{"name":"--lr-tour-spotlight-ring-color","description":{"kind":"markdown","value":"`<lr-tour>` — Spotlight ring color. Defaults to `--lr-color-brand`."}},{"name":"--lr-tour-spotlight-ring-width","description":{"kind":"markdown","value":"`<lr-tour>` — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."}},{"name":"--lr-trace-tree-bar-track-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-surface-raised)`) — Duration bar track."}},{"name":"--lr-trace-tree-denied-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-warning)`) — Denied status text and bar."}},{"name":"--lr-trace-tree-error-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-danger)`) — Error status text and bar."}},{"name":"--lr-trace-tree-max-indent","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-size-12rem)`) — Maximum visual nesting indentation; semantic `aria-level` remains exact at deeper levels."}},{"name":"--lr-trace-tree-pending-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-text-quiet)`) — Pending status text and bar."}},{"name":"--lr-trace-tree-row-active-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."}},{"name":"--lr-trace-tree-row-active-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."}},{"name":"--lr-trace-tree-running-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand)`) — Running status text and stripe."}},{"name":"--lr-trace-tree-running-stripe-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Running stripe contrast."}},{"name":"--lr-trace-tree-success-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-success)`) — Success status text and bar."}},{"name":"--lr-trace-tree-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-transition-ambient","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n`<lr-skeleton>` (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n`<lr-tool-call-chip>` (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\nShared design token — Canonical shared component token for transition ambient. Reads `--lr-theme-transition-slow`."}},{"name":"--lr-transition-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for transition base. Reads `--lr-theme-transition-normal`."}},{"name":"--lr-transition-fast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for transition fast. Reads `--lr-theme-transition-fast`."}},{"name":"--lr-transition-interactive","description":{"kind":"markdown","value":"Shared design token — Shared pointer-interaction transition: fill, text and border colour move together on hover and press, derived from the fast transition token so reduced motion flattens it."}},{"name":"--lr-tree-badge-brand-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand-quiet)`) — Brand badge background."}},{"name":"--lr-tree-badge-brand-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Brand badge text color."}},{"name":"--lr-tree-badge-danger-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-danger-quiet)`) — Danger badge background."}},{"name":"--lr-tree-badge-danger-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-danger)`) — Danger badge text color."}},{"name":"--lr-tree-badge-neutral-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-surface)`) — Neutral badge background."}},{"name":"--lr-tree-badge-neutral-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-text-quiet)`) — Neutral badge text color."}},{"name":"--lr-tree-badge-success-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-success-quiet)`) — Success badge background."}},{"name":"--lr-tree-badge-success-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-success)`) — Success badge text color."}},{"name":"--lr-tree-badge-warning-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-warning-quiet)`) — Warning badge background."}},{"name":"--lr-tree-badge-warning-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-warning)`) — Warning badge text color."}},{"name":"--lr-tree-checkbox-checked-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Checked control background."}},{"name":"--lr-tree-checkbox-checked-border-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Checked control border."}},{"name":"--lr-tree-checkbox-checked-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-on-brand)`) — Checked glyph color."}},{"name":"--lr-tree-checkbox-indeterminate-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Indeterminate control background."}},{"name":"--lr-tree-checkbox-indeterminate-border-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Indeterminate control border."}},{"name":"--lr-tree-checkbox-indeterminate-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-on-brand)`) — Indeterminate glyph color."}},{"name":"--lr-tree-depth","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `0`) — Internal indent plumbing, not a retheming knob: this node's `depth`, written inline onto `[part=\"row\"]` by the component and multiplied by `--indent-size` (capped at `--lr-size-8rem`) to produce the row's `padding-inline-start`."}},{"name":"--lr-tree-selected-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the selected row."}},{"name":"--lr-tree-selected-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Text color of the selected row."}},{"name":"--lr-typing-dot-size","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-space-s)`) — Diameter of each dot in the `dots` and `pulse` variants. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-typing-dot-stagger-1","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `600ms`) — Delay for the second dot in the dots variant."}},{"name":"--lr-typing-dot-stagger-2","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `1200ms`) — Delay for the third dot in the dots variant."}},{"name":"--lr-typing-duration","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."}},{"name":"--lr-typing-gap","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-space-xs)`) — Gap between dots in the `dots` variant. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-video-playlist-item-current-background","description":{"kind":"markdown","value":"`<lr-video-playlist>` (default: `var(--lr-color-brand-fill-quiet)`) — Current playlist-item background."}},{"name":"--lr-video-playlist-item-current-border-color","description":{"kind":"markdown","value":"`<lr-video-playlist>` (default: `var(--lr-color-brand)`) — Current playlist-item border color."}},{"name":"--lr-video-poster-play-button-hover-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `color-mix(...)`) — Poster play-button hover background."}},{"name":"--lr-video-poster-play-button-hover-border-color","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-brand)`) — Poster play-button hover border color."}},{"name":"--lr-virtual-list-height","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host. Ignored while `scrollElement` names an external scroller, whose own height is the visible band."}},{"name":"--lr-virtual-list-hover-outline-color","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"base\"]` (a subtler, always-focusable-target preview of its own `:focus-visible` ring). Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-virtual-list-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"base\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-virtual-list-hover-outline-style","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-virtual-list-hover-outline-width","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-voice-picker-gap","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-space-xs)`) — Gap between the field and preview action, and between trigger, combobox, and option children."}},{"name":"--lr-voice-picker-max-inline-size","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-size-24rem)`) — The host's own width ceiling. Set a length to retune it, or `none` to let the control fill its container the way `<lr-select>` does."}},{"name":"--lr-voice-picker-open-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-voice-picker-option-active-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand-quiet)`) — Active option fill."}},{"name":"--lr-voice-picker-option-selected-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `transparent`) — Selected option fill."}},{"name":"--lr-voice-picker-option-selected-border","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-voice-picker-option-selected-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-voice-picker-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-font-weight-semibold)`) — Selected option label weight."}},{"name":"--lr-voice-picker-option-synthetic-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-border-style","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-font-style","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `italic`) — Font style of a synthetic stale-value option label."}},{"name":"--lr-voice-picker-preview-active-border","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Active preview border."}},{"name":"--lr-voice-picker-preview-active-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Active preview icon."}},{"name":"--lr-voice-picker-preview-hover-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand-quiet)`) — Shared hover/press fill for the standalone and row preview actions."}},{"name":"--lr-voice-picker-preview-hover-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Shared hover/press icon color for the standalone and row preview actions."}},{"name":"--lr-voice-picker-radius","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-form-control-radius)`) — Trigger, combobox, listbox, option, and preview-action corner radius."}},{"name":"--lr-voice-picker-trigger-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-border)`) — Resting trigger/combobox border color, independent of the open-state color below."}},{"name":"--lr-voice-picker-trigger-fill","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-surface)`) — Resting trigger/combobox background."}},{"name":"--lr-voice-picker-trigger-height","description":{"kind":"markdown","value":"`<lr-voice-picker>` — Exact trigger/combobox height. Unset by default (a floor only, via `-trigger-min-height`); set a length to both floor and cap the control, e.g. to pixel-match a sibling field in the same toolbar row. Takes precedence over `-trigger-min-height`, and the preview action follows whichever of the two is in play."}},{"name":"--lr-voice-picker-trigger-min-height","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together. The preview action follows it, so raising the floor keeps the pair the same height; the action's own WCAG hit-area floor still wins below `--lr-icon-button-size`."}},{"name":"--lr-widget-backdrop-inset","description":{"kind":"markdown","value":"`<lr-widget>`* (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute."}},{"name":"--lr-widget-fullscreen-inset","description":{"kind":"markdown","value":"`<lr-widget>` (default: `max(var(--lr-space-l), var(--lr-safe-area-top)) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start))`) — The `inset` applied to `[part=\"base\"]` while `fullscreen`. Also set inline from the `fullscreen-inset` attribute."}},{"name":"--lr-widget-overlay-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-widget-view-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-widget-view-toggle-active-border-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `transparent`) — Border color of the pressed view toggle. Like the active background and text hooks, it is an inline inherited fallback."}},{"name":"--lr-widget-view-toggle-active-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."}},{"name":"--lr-widget-view-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-widget-view-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-text)`) — Text color of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-word-cloud-color-1","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-brand)`) — First entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-2","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-success)`) — Second entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-3","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-warning)`) — Third entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-4","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-danger)`) — Fourth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-5","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-1)`) — Fifth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-6","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-2)`) — Sixth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-7","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-3)`) — Seventh entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-8","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."}},{"name":"--lr-xml-viewer-active-attribute-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"attribute\"]` an attribute-addressing `node-path` anchor resolved to."}},{"name":"--lr-xml-viewer-active-match-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."}},{"name":"--lr-xml-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand-quiet)`) — Row background of an accent-tone (the default tone) `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `highlights` entry currently named by `activeHighlightId`."}},{"name":"--lr-xml-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-danger-quiet)`) — Row background of a danger-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-surface-raised)`) — Row background of a neutral-tone `highlights` entry. Deliberately not `--lr-color-surface`: the viewer's own ambient background would render a neutral highlight as unhighlighted."}},{"name":"--lr-xml-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-success-quiet)`) — Row background of a success-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning-quiet)`) — Row background of a warning-tone `highlights` entry."}},{"name":"--lr-xml-viewer-match-bg","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."}},{"name":"--lr-xml-viewer-match-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."}},{"name":"--lr-xml-viewer-max-height","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-xml-viewer-tag-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Text color of `[part=\"tag\"]`, an element's rendered tag name, independent of the active-attribute outline above."}},{"name":"--lr-zoomable-frame-control-hover-background","description":{"kind":"markdown","value":"`<lr-zoomable-frame>` (default: `var(--lr-color-brand-quiet)`) — Zoom control hover background; its active background derives from the same value."}},{"name":"--lr-zoomable-frame-zoom","description":{"kind":"markdown","value":"`<lr-zoomable-frame>` (default: `1`) — Read-only resolved iframe scale written from `zoom`."}},{"name":"--main-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-main-width`."}},{"name":"--marker-height","description":{"kind":"markdown","value":"`<lr-slider>` — Marker block size."}},{"name":"--marker-width","description":{"kind":"markdown","value":"`<lr-slider>` — Marker inline size."}},{"name":"--mask-char","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `'•'`) — Mapped alias for `--lr-otp-input-mask-char`."}},{"name":"--max","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `100%`) — Maximum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--max-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-30rem)`) — Scroll viewport maximum height; `none` renders all."}},{"name":"--max-width","description":{"kind":"markdown","value":"`<lr-dropdown>` (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size inherited from the popover surface.\n\n`<lr-popover>` (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the popup.\n\n`<lr-tooltip>` (default: `var(--lr-tooltip-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the tooltip."}},{"name":"--menu-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-menu-width`."}},{"name":"--min","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `0`) — Minimum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--padding","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--spacing,var(--lr-space-m))`) — Shoelace-compatible section padding.\n\n`<lr-tab-panel>` (default: `0`) — Inner panel padding.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-padding`."}},{"name":"--point-radius","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-space-2xs)`) — Line/scatter point radius."}},{"name":"--popup-border-width","description":{"kind":"markdown","value":"`<lr-popup>` (default: `var(--lr-border-width-thin)`) — Popup/arrow border width."}},{"name":"--poster-play-button-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-surface-overlay)`) — Poster play-button background."}},{"name":"--primary-color","description":{"kind":"markdown","value":"`<lr-icon>` (default: `currentColor`) — Primary duotone layer color."}},{"name":"--primary-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Primary duotone layer opacity."}},{"name":"--pulse-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-pulse-color)`) — Upstream-compatible pulse-ring color."}},{"name":"--row-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-3-5rem)`) — Estimated and minimum row height."}},{"name":"--row-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered-row background."}},{"name":"--scroll-hint","description":{"kind":"markdown","value":"`<lr-carousel>` — Logical padding that reveals the nearest adjacent slides."}},{"name":"--secondary-color","description":{"kind":"markdown","value":"`<lr-icon>` (default: `currentColor`) — Secondary duotone layer color."}},{"name":"--secondary-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Secondary duotone layer opacity."}},{"name":"--segment-border-radius","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of a segment."}},{"name":"--segment-gap","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-space-xs)`) — Gap between segments; ignored by `contained`."}},{"name":"--segment-size","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `2.5em`) — Exact inline and block size of each non-shrinking segment at the default size tier."}},{"name":"--selected-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand-quiet)`) — Selected-row background."}},{"name":"--shadow-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-color-surface)`) — Base color of each edge shadow."}},{"name":"--shadow-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-2rem)`) — Inline/block extent of each edge shadow."}},{"name":"--sheen-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-skeleton-sheen-color)`) — Upstream-compatible sheen color."}},{"name":"--show-delay","description":{"kind":"markdown","value":"`<lr-tooltip>` (default: `150ms`) — Interaction show delay when `show-delay` is not explicit."}},{"name":"--show-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-show-duration`.\n\n`<lr-combobox>` (default: `var(--lr-transition-fast)`) — Listbox enter-transition duration.\n\n`<lr-date-input>` (default: `var(--lr-transition-fast)`) — Popup enter-transition duration.\n\n`<lr-details>` (default: `var(--lr-duration-base)`) — Expand-icon transition duration.\n\n`<lr-dialog>` — Mapped opening animation duration.\n\n`<lr-drawer>` — Opening slide duration.\n\n`<lr-dropdown>` (default: `var(--lr-transition-fast)`) — Opening transition duration.\n\n`<lr-popover>` (default: `var(--lr-duration-fast)`) — Opening transition duration.\n\n`<lr-popup>` (default: `var(--lr-duration-fast)`) — Activation transition duration.\n\n`<lr-select>` (default: `var(--lr-transition-fast)`) — Listbox enter-transition timing.\n\n`<lr-time-input>` (default: `var(--lr-duration-fast)`) — Picker opening duration.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-show-duration`.\n\n`<lr-tree-item>` (default: `var(--lr-duration-base)`) — Expansion motion duration."}},{"name":"--size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-avatar-size)`) — Upstream-compatible avatar diameter.\n\n`<lr-drawer>` — Mapped drawer size for the active axis.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-size)`) — Upstream-compatible outer diameter."}},{"name":"--slide-gap","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-space-m)`) — Gap between slides."}},{"name":"--slider-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-slider-handle-size`."}},{"name":"--slider-height","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-slider-block-size`."}},{"name":"--spacing","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-spacing`.\n\n`<lr-card>` (default: `var(--lr-space-m)`) — Space around and between card sections.\n\n`<lr-details>` — Upstream-compatible spacing override for the summary and content.\n\n`<lr-dialog>` (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Mapped shared region spacing.\n\n`<lr-divider>` (default: `0`) — Space on both block sides (inline sides when vertical).\n\n`<lr-drawer>` (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Web Awesome shared region spacing."}},{"name":"--speed","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-spinner-duration)`) — Upstream-compatible rotation duration."}},{"name":"--stripe-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface-raised)`) — Alternating-row background."}},{"name":"--subheader-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-subheader-height`."}},{"name":"--submenu-offset","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `-2px`) — Final signed distance between a submenu and its parent row. Negative values overlap the parent menu; positive values add separation. Mirrors under RTL."}},{"name":"--success-color","description":{"kind":"markdown","value":"`<lr-copy-button>` (default: `var(--lr-color-success)`) — Success-state icon color."}},{"name":"--swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Shoelace alias for `--lr-color-picker-palette-swatch-size`."}},{"name":"--swing-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `15deg`) — Peak swing angle."}},{"name":"--symbol-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-rating-empty-color,var(--lr-color-border))`) — Compatibility alias for the inactive symbol color. `--lr-rating-empty-color` wins when both are set."}},{"name":"--symbol-color-active","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-rating-fill,var(--lr-color-warning))`) — Compatibility alias for the active symbol color. `--lr-rating-fill` wins when both are set."}},{"name":"--symbol-size","description":{"kind":"markdown","value":"`<lr-rating>` — Shoelace-compatible symbol size. It feeds the current `size` step when `--lr-rating-size` is unset; the Lyra-prefixed property wins when both are set."}},{"name":"--symbol-spacing","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-space-xs)`) — Compatibility spacing around symbols."}},{"name":"--tag-max-size","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-size-5rem)`) — Maximum inline size of a built-in selected tag.\n\n`<lr-select>` (default: `var(--lr-size-12rem)`) — Maximum inline size of one selected-value tag."}},{"name":"--text-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-text)`) — Grid foreground."}},{"name":"--thumb-height","description":{"kind":"markdown","value":"`<lr-slider>` — Upstream thumb block size."}},{"name":"--thumb-size","description":{"kind":"markdown","value":"`<lr-slider>` — Shoelace alias setting both thumb dimensions.\n\n`<lr-switch>` (default: `calc(var(--height, var(--lr-switch-track-block-size)) - (var(--lr-switch-thumb-offset) * 2))`) — WA/Shoelace thumb diameter alias."}},{"name":"--thumb-width","description":{"kind":"markdown","value":"`<lr-slider>` — Upstream thumb inline size."}},{"name":"--tooltip-offset","description":{"kind":"markdown","value":"`<lr-slider>` — Shoelace tooltip distance alias."}},{"name":"--track-active-offset","description":{"kind":"markdown","value":"`<lr-slider>` — Additional indicator offset."}},{"name":"--track-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-color)`) — Upstream-compatible track color.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-color)`) — Upstream-compatible track color.\n\n`<lr-spinner>` (default: `var(--lr-color-brand-quiet)`) — Upstream-compatible track color.\n\n`<lr-tab-group>` — Upstream track color."}},{"name":"--track-color-active","description":{"kind":"markdown","value":"`<lr-slider>` — Filled indicator color."}},{"name":"--track-color-inactive","description":{"kind":"markdown","value":"`<lr-slider>` — Resting track color."}},{"name":"--track-height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-height)`) — Web Awesome-compatible track height.\n\n`<lr-slider>` — Shoelace alias for track thickness."}},{"name":"--track-size","description":{"kind":"markdown","value":"`<lr-slider>` — Web Awesome alias for track thickness."}},{"name":"--track-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-width)`) — Upstream-compatible track width.\n\n`<lr-spinner>` (default: `var(--lr-spinner-track-width)`) — Upstream-compatible track width.\n\n`<lr-tab-group>` — Upstream track width."}},{"name":"--transition-duration","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-duration-fast)`) — Interaction transition duration."}},{"name":"--wag-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `12deg`) — Peak wag angle."}},{"name":"--width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-width,auto)`) — Mapped panel width alias.\n\n`<lr-divider>` (default: `var(--lr-border-width-thin)`) — Separator thickness.\n\n`<lr-switch>` (default: `var(--lr-switch-track-inline-size)`) — WA/Shoelace alias for the track's inline size.\n\n`<lr-toast>` — Mapped alias for `--lr-toast-width`."}}]}
1	+ {"version":1.1,"properties":[{"name":"--accent-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand)`) — Accent used by focus and active states."}},{"name":"--accent-width","description":{"kind":"markdown","value":"`<lr-toast-item>` — Mapped alias for `--lr-toast-accent-width`."}},{"name":"--animation-delay","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0s`) — Delay before an icon animation starts."}},{"name":"--animation-direction","description":{"kind":"markdown","value":"`<lr-icon>` (default: `normal`) — Playback direction for icon animations."}},{"name":"--animation-duration","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-duration-icon)`) — Duration of one animation cycle.\n\n`<lr-random-content>` (default: `300ms`) — Web Awesome duration alias."}},{"name":"--animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Web Awesome easing alias."}},{"name":"--animation-iteration-count","description":{"kind":"markdown","value":"`<lr-icon>` (default: `infinite`) — Number of animation cycles."}},{"name":"--animation-timing","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-easing-emphasized)`) — Animation timing function."}},{"name":"--animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Web Awesome travel-distance alias."}},{"name":"--arrow-color","description":{"kind":"markdown","value":"`<lr-popup>` (default: `var(--lr-color-surface-raised)`) — Arrow fill."}},{"name":"--arrow-size","description":{"kind":"markdown","value":"`<lr-dropdown>` (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Arrow half-width inherited from the popover surface.\n\n`<lr-popover>` (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square.\n\n`<lr-popup>` (default: `var(--lr-popup-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square. `--lr-popup-arrow-size` remains a compatibility alias.\n\n`<lr-tooltip>` (default: `var(--lr-tooltip-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square."}},{"name":"--aside-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-aside-width`."}},{"name":"--aspect-ratio","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `16/9`) — Aspect ratio inherited by each slide.\n\n`<lr-carousel-item>` — The slide aspect ratio, inherited from an owning carousel by default."}},{"name":"--auto-size-available-height","description":{"kind":"markdown","value":"`<lr-popup>` — Read-only available block size."}},{"name":"--auto-size-available-width","description":{"kind":"markdown","value":"`<lr-popup>` — Read-only available inline size."}},{"name":"--backdrop-filter","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-backdrop-filter,none)`) — Mapped backdrop-filter alias."}},{"name":"--background-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface)`) — Grid background."}},{"name":"--banner-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-banner-height`."}},{"name":"--beat-fade-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Lowest opacity during `beat-fade`."}},{"name":"--beat-fade-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.25`) — Peak scale during `beat-fade`."}},{"name":"--beat-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.25`) — Scale multiplier for `beat` and `spin-pulse`."}},{"name":"--body-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Shoelace body padding override.\n\n`<lr-drawer>` — Shoelace body padding."}},{"name":"--border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-border)`) — Shoelace-compatible border color.\n\n`<lr-data-grid>` (default: `var(--lr-color-border)`) — Grid and cell border color."}},{"name":"--border-color-1","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-1)`) — First dataset border color."}},{"name":"--border-color-2","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-2)`) — Second dataset border color."}},{"name":"--border-color-3","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-3)`) — Third dataset border color."}},{"name":"--border-color-4","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-4)`) — Fourth dataset border color."}},{"name":"--border-color-5","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-5)`) — Fifth dataset border color."}},{"name":"--border-color-6","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-6)`) — Sixth dataset border color."}},{"name":"--border-radius","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-radius)`) — Dataset element corner radius.\n\n`<lr-card>` (default: `var(--lr-radius)`) — Shoelace-compatible corner radius.\n\n`<lr-data-grid>` (default: `var(--lr-radius)`) — Outer and control corner radius.\n\n`<lr-skeleton>` (default: `var(--lr-skeleton-border-radius)`) — Shoelace-compatible corner radius."}},{"name":"--border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Dataset element border width.\n\n`<lr-card>` (default: `var(--lr-border-width-thin)`) — Shoelace-compatible border width.\n\n`<lr-data-grid>` (default: `var(--lr-border-width-thin)`) — Grid and cell border width."}},{"name":"--bounce-anticipation","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Downward offset before a bounce."}},{"name":"--bounce-height","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-0-5em)-1)`) — Peak bounce height."}},{"name":"--bounce-jump-scale-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `0.95`) — Horizontal scale at the top of a bounce."}},{"name":"--bounce-jump-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.05`) — Vertical scale at the top of a bounce."}},{"name":"--bounce-land-scale-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.08`) — Horizontal scale while landing."}},{"name":"--bounce-land-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.92`) — Vertical scale while landing."}},{"name":"--bounce-rebound","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-1em)-0.1)`) — Landing rebound distance."}},{"name":"--bounce-start-scale-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `1`) — Initial horizontal bounce scale."}},{"name":"--bounce-start-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Initial vertical bounce scale."}},{"name":"--buzz-distance","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-1em)0.12)`) — Horizontal buzz travel."}},{"name":"--cell-padding","description":{"kind":"markdown","value":"`<lr-data-grid>`* (default: `var(--lr-space-m)`) — Header, cell, and footer padding."}},{"name":"--checked-icon-color","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `currentColor`) — WA-compatible color of the checked or indeterminate glyph.\n\n`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-radio-checked-dot-color)`) — WA-compatible selected-glyph color alias."}},{"name":"--checked-icon-scale","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `1`) — WA-compatible scale of the checked or indeterminate glyph.\n\n`<lr-radio>`, `<lr-radio-button>` (default: `1`) — WA-compatible selected-glyph scale alias."}},{"name":"--color","description":{"kind":"markdown","value":"`<lr-divider>` (default: `var(--lr-color-border)`) — Separator color.\n\n`<lr-skeleton>` (default: `var(--lr-skeleton-color)`) — Upstream-compatible placeholder color."}},{"name":"--column-item-height","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `calc(var(--lr-size-1em)2.25)`) — Picker row height."}},{"name":"--column-width","description":{"kind":"markdown","value":"`<lr-time-input>`* (default: `calc(var(--lr-size-1em)3)`) — Picker column width."}},{"name":"--control-box-size","description":{"kind":"markdown","value":"`<lr-animated-image>`* — Upstream-compatible alias for `--lr-animated-image-control-box-size`."}},{"name":"--controls-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-overlay-strong)`) — Controls, captions, and title overlay background."}},{"name":"--controls-color","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-on-strong-overlay)`) — Custom-control foreground color. The poster play action defaults to `var(--lr-color-text)` against its surface background."}},{"name":"--current-text-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-text)`) — Text color while the option is `current`."}},{"name":"--divider-hit-area","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `12px`) — Requested divider hit area; Lyra's minimum hit-area token remains the floor."}},{"name":"--divider-width","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--lr-size-1px)`) — Retained Shoelace-compat source for `--lr-image-comparer-divider-width`.\n\n`<lr-split-panel>` (default: `4px`) — Visible divider thickness."}},{"name":"--easing","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-easing`."}},{"name":"--error-color","description":{"kind":"markdown","value":"`<lr-copy-button>` (default: `var(--lr-color-danger)`) — Error-state icon color."}},{"name":"--fade-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Lowest opacity during `fade` and `spin-pulse`."}},{"name":"--fill-color","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-color-brand-quiet)`) — Area fill color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--fill-color-1","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-1)`) — First dataset fill color."}},{"name":"--fill-color-2","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-2)`) — Second dataset fill color."}},{"name":"--fill-color-3","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-3)`) — Third dataset fill color."}},{"name":"--fill-color-4","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-4)`) — Fourth dataset fill color."}},{"name":"--fill-color-5","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-5)`) — Fifth dataset fill color."}},{"name":"--fill-color-6","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-chart-6)`) — Sixth dataset fill color."}},{"name":"--flip-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `180deg`) — Rotation angle for flip treatments."}},{"name":"--flip-anticipation-scale","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.9`) — Wind-up scale before a flip."}},{"name":"--flip-overshoot","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0deg`) — Extra angle before a flip settles."}},{"name":"--flip-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — X coordinate of the flip rotation axis."}},{"name":"--flip-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Y coordinate of the flip rotation axis."}},{"name":"--flip-z","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Z coordinate of the flip rotation axis."}},{"name":"--float-drift","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0`) — Horizontal float drift."}},{"name":"--float-height","description":{"kind":"markdown","value":"`<lr-icon>` (default: `calc(var(--lr-size-0-5em)-1)`) — Float rise height."}},{"name":"--float-squash-x","description":{"kind":"markdown","value":"`<lr-icon>`* (default: `1.04`) — Resting horizontal float scale."}},{"name":"--float-squash-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.96`) — Resting vertical float scale."}},{"name":"--float-stretch-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.96`) — Peak horizontal float scale."}},{"name":"--float-stretch-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.04`) — Peak vertical float scale."}},{"name":"--float-tilt","description":{"kind":"markdown","value":"`<lr-icon>` (default: `4deg`) — Rotation at the float peak."}},{"name":"--focus-ring","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-focus-ring-width) solid var(--lr-focus-ring-color)`) — Focus ring."}},{"name":"--footer-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Shoelace footer padding override.\n\n`<lr-drawer>` — Shoelace footer padding."}},{"name":"--gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `var(--lr-checkbox-group-option-gap)`) — WA-compatible option gap.\n\n`<lr-toast>` — Mapped alias for `--lr-toast-gap`."}},{"name":"--grid-border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Axis and grid line width."}},{"name":"--grid-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-chart-grid-color)`) — Grid line color."}},{"name":"--grid-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-handle-size`."}},{"name":"--grid-height","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-block-size`."}},{"name":"--grid-width","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-grid-inline-size`."}},{"name":"--handle-size","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--lr-icon-button-size)`) — Retained Shoelace-compat source for `--lr-image-comparer-handle-size`."}},{"name":"--header-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface-raised)`) — Header background."}},{"name":"--header-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-header-height`."}},{"name":"--header-row-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-3-5rem)`) — Header-row minimum height."}},{"name":"--header-spacing","description":{"kind":"markdown","value":"`<lr-dialog>` — Mapped header padding override.\n\n`<lr-drawer>` — Shoelace header padding."}},{"name":"--header-text-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-text)`) — Header foreground."}},{"name":"--height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-height)`) — Shoelace-compatible track height.\n\n`<lr-switch>` (default: `var(--lr-switch-track-block-size)`) — WA/Shoelace alias for the track's block size."}},{"name":"--hide-delay","description":{"kind":"markdown","value":"`<lr-tooltip>` (default: `0ms`) — Interaction hide delay when `hide-delay` is not explicit."}},{"name":"--hide-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-hide-duration`.\n\n`<lr-combobox>` (default: `var(--lr-transition-fast)`) — Listbox exit-transition duration.\n\n`<lr-date-input>` (default: `var(--lr-transition-fast)`) — Popup exit-transition duration.\n\n`<lr-details>` (default: `var(--lr-duration-base)`) — Collapse-icon transition duration.\n\n`<lr-dialog>` — Mapped closing animation duration.\n\n`<lr-drawer>` — Closing slide duration.\n\n`<lr-dropdown>` (default: `var(--lr-transition-fast)`) — Closing transition duration.\n\n`<lr-popover>` (default: `var(--lr-duration-fast)`) — Closing transition duration.\n\n`<lr-popup>` (default: `var(--lr-duration-fast)`) — Deactivation transition duration.\n\n`<lr-select>` (default: `var(--lr-transition-fast)`) — Listbox exit-transition timing.\n\n`<lr-time-input>` (default: `var(--lr-duration-fast)`) — Picker closing duration.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-hide-duration`.\n\n`<lr-tree-item>` (default: `var(--lr-duration-base)`) — Collapse motion duration."}},{"name":"--icon-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — Upstream-compatible alias for `--lr-animated-image-icon-size`."}},{"name":"--indent-guide-color","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `var(--lr-color-border)`) — Indentation guide color."}},{"name":"--indent-guide-offset","description":{"kind":"markdown","value":"`<lr-tree>` (default: `0`) — Block-axis inset for indentation guides.\n\n`<lr-tree-item>` (default: `0`) — Block-axis inset at both ends of the indentation guide."}},{"name":"--indent-guide-style","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `solid`) — Indentation guide border style."}},{"name":"--indent-guide-width","description":{"kind":"markdown","value":"`<lr-tree>`, `<lr-tree-item>` (default: `0`) — Indentation guide width."}},{"name":"--indent-size","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-1-25rem)`) — Tree-level indentation.\n\n`<lr-tree>` (default: `var(--lr-space-l)`) — Indentation step for nested items.\n\n`<lr-tree-item>` (default: `var(--lr-space-l)`) — Indentation step applied once per nesting depth."}},{"name":"--indicator-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-indicator-color)`) — Upstream-compatible indicator color.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-color)`) — Upstream-compatible indicator color.\n\n`<lr-spinner>` (default: `var(--lr-color-brand)`) — Upstream-compatible indicator color.\n\n`<lr-tab-group>` — Upstream alias for the active indicator color."}},{"name":"--indicator-transition-duration","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-transition-duration)`) — Upstream-compatible transition duration."}},{"name":"--indicator-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-width)`) — Upstream-compatible indicator width."}},{"name":"--jello-scale-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1.18`) — Horizontal jello stretch."}},{"name":"--jello-scale-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.82`) — Vertical jello stretch."}},{"name":"--label-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-label-color)`) — Shoelace-compatible label color."}},{"name":"--line-border-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-medium)`) — Line dataset stroke width."}},{"name":"--line-color","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-color-brand)`) — Trend line color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--line-width","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-border-width-medium)`) — Trend line width."}},{"name":"--lr-accordion-filled-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface-raised)`) — Filled group background."}},{"name":"--lr-accordion-filled-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `transparent`) — Filled border color."}},{"name":"--lr-accordion-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface-raised)`) — Filled-outlined group background."}},{"name":"--lr-accordion-filled-outlined-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-accordion-item-button-active-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `color-mix(...)`) — Trigger pressed background."}},{"name":"--lr-accordion-item-button-hover-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-accordion-item-easing","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-easing-standard)`) — Expand/collapse easing."}},{"name":"--lr-accordion-item-filled-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface-raised)`) — Filled item background."}},{"name":"--lr-accordion-item-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface-raised)`) — Filled-outlined item background."}},{"name":"--lr-accordion-item-hide-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-duration-base)`) — Collapse transition duration."}},{"name":"--lr-accordion-item-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-color-surface)`) — Outlined item background."}},{"name":"--lr-accordion-item-show-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-duration-base)`) — Expand transition duration."}},{"name":"--lr-accordion-item-spacing","description":{"kind":"markdown","value":"`<lr-accordion-item>` (default: `var(--lr-form-control-padding-inline)`) — Header/content spacing."}},{"name":"--lr-accordion-outlined-bg","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-surface)`) — Outlined group background."}},{"name":"--lr-accordion-outlined-border-color","description":{"kind":"markdown","value":"`<lr-accordion>` (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-activity-feed-background","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-activity-feed-border-color","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-activity-feed-compact-entry-padding","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"entry\"]` padding while `compact`."}},{"name":"--lr-activity-feed-compact-header-gap","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs)`) — Gap between the header toggle, status dot, label, and summary while `compact`."}},{"name":"--lr-activity-feed-compact-header-padding","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-activity-feed-live-status-color","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-color-brand)`) — Background color of `status-dot` while `mode=\"live\"`."}},{"name":"--lr-activity-feed-max-height","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `16rem`) — Cap on how tall the expanded body grows before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list."}},{"name":"--lr-activity-feed-radius","description":{"kind":"markdown","value":"`<lr-activity-feed>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-agent-eval-dashboard-active-background","description":{"kind":"markdown","value":"`<lr-agent-eval-dashboard>` (default: `var(--lr-color-brand-quiet)`) — Active metric background."}},{"name":"--lr-agent-eval-dashboard-active-border","description":{"kind":"markdown","value":"`<lr-agent-eval-dashboard>` (default: `var(--lr-color-brand)`) — Active metric border."}},{"name":"--lr-agent-run-background","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-agent-run-border-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-agent-run-compact-gap","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."}},{"name":"--lr-agent-run-compact-padding","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-agent-run-metric-brand-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-brand)`) — Brand metric value."}},{"name":"--lr-agent-run-metric-danger-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-danger)`) — Danger metric value."}},{"name":"--lr-agent-run-metric-success-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-success)`) — Success metric value."}},{"name":"--lr-agent-run-metric-warning-color","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-color-warning)`) — Warning metric value."}},{"name":"--lr-agent-run-radius","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-agent-run-spin","description":{"kind":"markdown","value":"`<lr-agent-run>` (default: `var(--lr-transition-ambient)`) — Current-step icon spin animation."}},{"name":"--lr-agent-trace-handoff-active-bg","description":{"kind":"markdown","value":"`<lr-agent-trace>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-alert-close-active-bg","description":{"kind":"markdown","value":"`<lr-alert>` (default: `color-mix(in oklab,transparent,var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — The close button's pressed background, independently scoped from `--lr-alert-close-hover-bg`."}},{"name":"--lr-alert-close-hover-bg","description":{"kind":"markdown","value":"`<lr-alert>` (default: `color-mix(in oklab,transparent,var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — The close button's hover background, scoped so a consumer can retint just this control without touching the shared `--lr-color-mix-partner`/`--lr-color-mix-hover` tokens every other interactive surface in the library also reads."}},{"name":"--lr-animated-image-control-box-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — The size of `control-box`. Defaults to `var(--lr-icon-button-size)`."}},{"name":"--lr-animated-image-icon-size","description":{"kind":"markdown","value":"`<lr-animated-image>` — The size of the play/pause icons. Defaults to `calc(var(--lr-icon-button-size) * 0.35)`."}},{"name":"--lr-animated-image-max-height","description":{"kind":"markdown","value":"`<lr-animated-image>` — Caps the rendered media's block-size. Defaults to `var(--lr-size-20rem)`."}},{"name":"--lr-animation-bounce-height","description":{"kind":"markdown","value":"`<lr-animation>` (default: `25%`) — Peak lift height of the bounce preset."}},{"name":"--lr-animation-duration","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `300ms`) — Mapped duration of the entrance animation."}},{"name":"--lr-animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Mapped easing function for the entrance animation."}},{"name":"--lr-animation-shake-distance","description":{"kind":"markdown","value":"`<lr-animation>` (default: `4%`) — Horizontal travel of the shake preset."}},{"name":"--lr-animation-slide-distance","description":{"kind":"markdown","value":"`<lr-animation>` (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."}},{"name":"--lr-animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Mapped travel distance for directional animations."}},{"name":"--lr-animation-zoom-scale","description":{"kind":"markdown","value":"`<lr-animation>` (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."}},{"name":"--lr-app-rail-background","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-surface)`) — `[part=\"base\"]`'s background (the docked, non-overlay presentation)."}},{"name":"--lr-app-rail-collapse-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Collapse-control pressed background; defaults to the same brand-quiet active mix `[part=\"toggle\"]` uses."}},{"name":"--lr-app-rail-collapse-toggle-active-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Collapse-control pressed foreground."}},{"name":"--lr-app-rail-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand-quiet)`) — Collapse-control hover background."}},{"name":"--lr-app-rail-collapse-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Collapse-control hover foreground."}},{"name":"--lr-app-rail-footer-padding","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-m)`) — `[part=\"footer\"]`'s padding."}},{"name":"--lr-app-rail-group-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail-group>` — Collapse-control pressed background; defaults to the same brand-quiet active mix the rest of the rail uses."}},{"name":"--lr-app-rail-group-active-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand)`) — Collapse-control pressed foreground."}},{"name":"--lr-app-rail-group-gap","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-space-xs)`) — Gap between the group's own items."}},{"name":"--lr-app-rail-group-heading-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-text-quiet)`) — Heading text color."}},{"name":"--lr-app-rail-group-heading-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-font-size-sm)`) — Heading font size."}},{"name":"--lr-app-rail-group-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand-quiet)`) — Collapse-control hover background."}},{"name":"--lr-app-rail-group-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-color-brand)`) — Collapse-control hover foreground."}},{"name":"--lr-app-rail-group-padding-block","description":{"kind":"markdown","value":"`<lr-app-rail-group>` (default: `var(--lr-space-xs)`) — Block padding around `[part=\"base\"]`."}},{"name":"--lr-app-rail-header-min-block-size","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `auto`) — `[part=\"header\"]`'s minimum block size. `auto` (the default) is the property's own initial value, so unset reproduces today's exact height; set it to reserve room for header content that mounts or resizes asynchronously."}},{"name":"--lr-app-rail-header-padding","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-m)`) — `[part=\"header\"]`'s padding."}},{"name":"--lr-app-rail-icon-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."}},{"name":"--lr-app-rail-item-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — Pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-item-active-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Pressed text/icon color."}},{"name":"--lr-app-rail-item-current-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the `current`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-app-rail-item-current-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Text/icon color of the `current`/`aria-current=\"page\"` item."}},{"name":"--lr-app-rail-item-current-font-weight","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current`/`aria-current=\"page\"` item, decoupled from the shared `--lr-font-weight-semibold` token so retheming it does not repaint every other semibold element on the page. Mirrors `<lr-stepper>`'s `--lr-stepper-current-font-weight` and `<lr-segmented>`'s `--lr-segmented-selected-font-weight`."}},{"name":"--lr-app-rail-item-current-indicator-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"current-indicator\"]` while current."}},{"name":"--lr-app-rail-item-current-indicator-display","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — `[part=\"current-indicator\"]`'s `display` while `icon-only`. Unset (the default), the indicator is suppressed there -- a full-height edge bar on the square icon-only tile reads as a rendering glitch. Set to `block` (or any non-`none` display) to restore it. Full presentation is unaffected either way; its own `[part=\"current-indicator\"]` rule declares no `display` at all."}},{"name":"--lr-app-rail-item-current-indicator-inset-inline","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"current-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-app-rail-item-current-indicator-width","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-size-2px)`) — Inline size of `[part=\"current-indicator\"]` while current."}},{"name":"--lr-app-rail-item-current-ring","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — `box-shadow` on `[part=\"base\"]` while `current`/`aria-current=\"page\"`. Unset, icon-only gets an inset ring by default -- the non-color-only signal that replaces the indicator bar suppressed there (WCAG 1.4.1); full presentation, which already conveys current state through the indicator bar and `--lr-app-rail-item-current-font-weight`, stays ring-free (`none`) by default. Setting this token explicitly applies the same value in both presentations."}},{"name":"--lr-app-rail-item-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `inherit`) — `[part=\"base\"]`'s font size, set after the `font` shorthand so it alone can be retuned while family/weight/line-height stay inherited."}},{"name":"--lr-app-rail-item-gap","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-space-s)`) — Gap between `[part=\"icon\"]` and `[part=\"label\"]`, and between the item's own control and its `[part=\"meta\"]`/`[part=\"end\"]` adornments."}},{"name":"--lr-app-rail-item-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-app-rail-item-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-brand)`) — Hover text/icon color."}},{"name":"--lr-app-rail-item-icon-only-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — When set, sizes `[part=\"base\"]`'s icon-only square (`inline-size` and `block-size` alike) directly, independent of the row's own `--lr-app-rail-item-min-block-size`. Unset (the default), the square is still derived via `aspect-ratio: 1` against the row's block size, exactly as before. Still floor-clamped to `--lr-icon-button-size` by `[part=\"base\"]`'s shared `min-block-size` rule."}},{"name":"--lr-app-rail-item-icon-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-icon-button-size)`) — `[part=\"icon\"]`'s inline size. Not floor-clamped -- the icon is decorative, not itself a pointer target."}},{"name":"--lr-app-rail-item-indent","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-space-l)`) — `[part=\"children\"]`'s `padding-inline-start`. Applied once per nesting level -- a doubly-nested `children` list compounds two insets automatically, since each level's own `[part=\"children\"]` applies the token again. Logical, so it mirrors under `dir=\"rtl\"` with no separate rule."}},{"name":"--lr-app-rail-item-meta-color","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-color-text-quiet)`) — `[part=\"meta\"]`'s text color; quiet by default so a count reads as secondary to the label beside it."}},{"name":"--lr-app-rail-item-meta-font-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-font-size-sm)`) — `[part=\"meta\"]`'s font size."}},{"name":"--lr-app-rail-item-min-block-size","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-icon-button-size)`) — `[part=\"base\"]`'s row height. Floor-clamped to `--lr-icon-button-size` regardless of the override, preserving the WCAG 2.5.8 hit-area minimum."}},{"name":"--lr-app-rail-item-padding","description":{"kind":"markdown","value":"`<lr-app-rail-item>` (default: `var(--lr-space-s)`) — `[part=\"base\"]`'s padding."}},{"name":"--lr-app-rail-mobile-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-18rem)`) — The mobile overlay panel's width, capped at `85vw`."}},{"name":"--lr-app-rail-nav-gap","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-xs)`) — Gap between slotted items inside `[part=\"nav\"]`, unset reproducing the value this rule hard-coded before the token existed."}},{"name":"--lr-app-rail-nav-padding","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-space-s)`) — `[part=\"nav\"]`'s padding, unset reproducing the value this rule hard-coded before the token existed."}},{"name":"--lr-app-rail-overlay-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-overlay)`) — The mobile overlay scrim's background."}},{"name":"--lr-app-rail-panel-background","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-surface-overlay)`) — `[part=\"panel\"]`'s background (the mobile overlay presentation) -- kept separate from `--lr-app-rail-background`/`--lr-app-rail-overlay-color` (the backdrop scrim) since the panel is deliberately themed as a modal surface, not the docked rail chrome."}},{"name":"--lr-app-rail-panel-inset-block-start","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `0`) — Block-start (top) inset shared by `[part=\"panel\"]` and `[part=\"backdrop\"]` -- raise it to leave room for a fixed app bar/status area above the drawer instead of the panel/scrim starting flush with the viewport top."}},{"name":"--lr-app-rail-panel-overflow-block","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `auto`) — `[part=\"panel\"]`'s logical `overflow-block`, paired with `--lr-app-rail-panel-overflow-inline` below."}},{"name":"--lr-app-rail-panel-overflow-inline","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `clip`) — `[part=\"panel\"]`'s logical `overflow-inline`. `clip` (the default) prevents a spurious horizontal scrollbar from wide slotted header/footer content, but also clips a `position: fixed` popup opened by a slotted/nav-item control (e.g. a slotted `<lr-select>`/`<lr-menu>`) whenever that popup's rendered box extends past the panel's own inline bounds -- a `position: fixed` box is clipped by an ancestor's non-`visible` overflow regardless of its own containing block. Setting only this one to `visible` is not enough to escape that: per the CSS overflow spec, a lone `visible` axis paired with a non-`visible` other axis computes as `auto` instead, which still clips -- set `--lr-app-rail-panel-overflow-block` to `visible` too to actually stop the clipping, accepting that wide header/footer content can then scroll/bleed both ways instead."}},{"name":"--lr-app-rail-panel-radius","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `0`) — Uniform corner radius of `[part=\"panel\"]`. `0` (the default) reproduces today's flush-edged drawer; pairs naturally with a nonzero `--lr-app-rail-panel-inset-block-start`, which exposes the panel's top corners. Each per-corner token below defaults to this one, so setting only this token still rounds all four corners uniformly, exactly as before the per-corner tokens existed."}},{"name":"--lr-app-rail-panel-radius-end-end","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-app-rail-panel-radius)`) — Logical `border-end-end-radius` of `[part=\"panel\"]` -- the corner away from the flush inline-start edge, block-end side. The other corner a flush-against-one-edge drawer typically rounds. All four per-corner tokens are logical, so which physical corner each one paints swaps under `dir=\"rtl\"` with no second consumer rule -- the panel's own flush edge stays its logical inline-start regardless of direction."}},{"name":"--lr-app-rail-panel-radius-end-start","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-app-rail-panel-radius)`) — Logical `border-end-start-radius` of `[part=\"panel\"]` -- the corner at the drawer's own flush inline-start edge, block-end side."}},{"name":"--lr-app-rail-panel-radius-start-end","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-app-rail-panel-radius)`) — Logical `border-start-end-radius` of `[part=\"panel\"]` -- the corner away from the flush inline-start edge, block-start side. One of the two corners a flush-against-one-edge drawer typically rounds."}},{"name":"--lr-app-rail-panel-radius-start-start","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-app-rail-panel-radius)`) — Logical `border-start-start-radius` of `[part=\"panel\"]` -- the corner at the drawer's own flush inline-start edge, block-start side."}},{"name":"--lr-app-rail-resizer-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Resizer-track pressed background; defaults to the former brand active mix."}},{"name":"--lr-app-rail-resizer-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Resizer-track hover background."}},{"name":"--lr-app-rail-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` — Toggle pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-toggle-active-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Toggle pressed foreground."}},{"name":"--lr-app-rail-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-app-rail-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-color-brand)`) — Toggle hover foreground."}},{"name":"--lr-app-rail-width","description":{"kind":"markdown","value":"`<lr-app-rail>` (default: `var(--lr-size-15rem)`) — The inline rail's width in `'full'` mode. Overridden by an inline width while a `resizable` rail has an explicit `railWidthPx`."}},{"name":"--lr-approval-queue-selected-border","description":{"kind":"markdown","value":"`<lr-approval-queue>` (default: `var(--lr-color-brand)`) — Selected request border."}},{"name":"--lr-archive-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Accent highlight background."}},{"name":"--lr-archive-viewer-highlight-active-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Active highlight background."}},{"name":"--lr-archive-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Active fallback-highlight outline."}},{"name":"--lr-archive-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Danger highlight background."}},{"name":"--lr-archive-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Neutral highlight background."}},{"name":"--lr-archive-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Success highlight background."}},{"name":"--lr-archive-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-archive-viewer>` — Warning highlight background."}},{"name":"--lr-archive-viewer-max-height","description":{"kind":"markdown","value":"`<lr-archive-viewer>` (default: `none`) — Maximum block size of the scrollable body. Also settable via the `max-height` property."}},{"name":"--lr-artifact-panel-view-active-bg","description":{"kind":"markdown","value":"`<lr-artifact-panel>` (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."}},{"name":"--lr-artifact-panel-view-active-color","description":{"kind":"markdown","value":"`<lr-artifact-panel>` (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-attachment-chip-accent","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-text-quiet)`) — Accent color used for the status text, spinner, and progress fill. Its private default changes per `status` (`uploading`/`error`/`success`); the public value remains authoritative."}},{"name":"--lr-attachment-chip-bg","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-surface)`) — Chip background. Its private default changes per `status` to that status's `-quiet` tint; the public value still wins."}},{"name":"--lr-attachment-chip-border","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-color-border)`) — Chip border color. Every non-`pending` `status` changes its private default to `transparent`."}},{"name":"--lr-attachment-chip-compact-font-size","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-font-size-xs)`) — Font size of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-gap","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-25rem)`) — Gap between the chip's parts while `compact`."}},{"name":"--lr-attachment-chip-compact-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-125rem) var(--lr-space-xs)`) — Padding of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-thumbnail-only-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-0-125rem)`) — Padding of `[part=\"base\"]` while `compact` and `thumbnail-only` together actually hide `[part=\"meta\"]` (an image-mime attachment only — see `thumbnailOnly`). Reduced from `--lr-attachment-chip-compact-padding` since the lone thumbnail no longer needs inline padding sized for a text row."}},{"name":"--lr-attachment-chip-compact-thumbnail-size","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-size-1-75rem)`) — Thumbnail size while `compact`, rethemeable independently of `--lr-icon-button-size`. Retry, preview, and remove actions retain that shared token's minimum hit-area floor."}},{"name":"--lr-attachment-chip-padding","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — Padding of `[part=\"base\"]` while `compact` is unset."}},{"name":"--lr-attachment-chip-spinner-duration","description":{"kind":"markdown","value":"`<lr-attachment-chip>` (default: `var(--lr-transition-ambient)`) — Duration and easing of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."}},{"name":"--lr-audio-visualizer-ambient-duration","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-duration-ambient)`) — Time-only duration of one signal-less ambient pulse or sweep cycle."}},{"name":"--lr-audio-visualizer-color","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-color-brand)`) — Active bar/waveform color."}},{"name":"--lr-audio-visualizer-height","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-size-3rem)`) — The host's block size, which the canvas fills at 100%."}},{"name":"--lr-audio-visualizer-quiet-color","description":{"kind":"markdown","value":"`<lr-audio-visualizer>` (default: `var(--lr-color-brand-border-normal)`) — Inactive/idle color. Chosen over `--lr-color-brand-quiet` for its WCAG 1.4.11 non-text contrast against `--lr-color-surface` (the idle bars have no other distinguishing shape or border)."}},{"name":"--lr-av-player-cue-active-match-color","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."}},{"name":"--lr-av-player-cue-current-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."}},{"name":"--lr-av-player-cue-hover-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"cue\"]`. The pressed state mixes further from this same value rather than a separate knob, so retuning it keeps its pressed step too."}},{"name":"--lr-av-player-marker-active-color","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."}},{"name":"--lr-av-player-marker-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."}},{"name":"--lr-av-player-marker-danger-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."}},{"name":"--lr-av-player-marker-fill","description":{"kind":"markdown","value":"`<lr-av-player>` — The resting fill a `[part=\"timeline-marker\"]` actually renders, resolved per tone from the `--lr-av-player-marker--bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one marker; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-av-player-marker-neutral-bg","description":{"kind":"markdown","value":"`<lr-av-player>`* (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."}},{"name":"--lr-av-player-marker-success-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."}},{"name":"--lr-av-player-marker-warning-bg","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."}},{"name":"--lr-av-player-transcript-height","description":{"kind":"markdown","value":"`<lr-av-player>` (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."}},{"name":"--lr-avatar-bg","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-color-border)`) — Container background. Each non-neutral `variant` changes its private default to that variant's `-quiet` tint."}},{"name":"--lr-avatar-color","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `variant` changes its private default to that variant's loud color."}},{"name":"--lr-avatar-font-size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-font-size-m)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` steps its private default alongside the diameter, so the initials track the circle instead of staying at one fixed size across every tier."}},{"name":"--lr-avatar-group-avatar-size","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-size-3rem)`) — Sizes the overflow badge to match the slotted avatars, tier for tier with `<lr-avatar>`'s own `--lr-avatar-size`."}},{"name":"--lr-avatar-group-badge-bg","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-border)`) — Overflow badge background. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-color","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-text)`) — Overflow badge text color. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-font-size","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-font-size-m)`) — Font size of the \"+N\" badge label. `size` steps its private default across the same six-step ladder as `<lr-avatar>`'s own `--lr-avatar-font-size`, so the badge and the avatars it caps read at the same optical weight."}},{"name":"--lr-avatar-group-overlap","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."}},{"name":"--lr-avatar-group-ring-color","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."}},{"name":"--lr-avatar-group-ring-width","description":{"kind":"markdown","value":"`<lr-avatar-group>` (default: `var(--lr-border-width-medium)`) — Ring thickness."}},{"name":"--lr-avatar-size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-size-3rem)`) — Inline and block size of the container. `size` steps its private default across the shared six-step ladder, from `var(--lr-size-1-5rem)` (`2xs`) to `var(--lr-size-5rem)` (`xl`); an inherited or direct public value still wins."}},{"name":"--lr-badge-attention-duration","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-duration-ambient)`) — One cycle of the `attention` animation."}},{"name":"--lr-badge-attention-easing","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-easing-emphasized)`) — Timing function of the `attention` animation."}},{"name":"--lr-badge-background","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-fill)`) — Explicit override for the badge's background, winning over whatever `variant` and `appearance` resolved. Left unset (the default) so it still inherits from a consumer's own ancestor rule."}},{"name":"--lr-badge-border","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-stroke)`) — Explicit override for the badge's border color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-bounce-distance","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-0-1875rem)`) — Peak travel of the `attention=\"bounce\"` hop."}},{"name":"--lr-badge-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-text)`) — Explicit override for the badge's text color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-edge","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-border)`) — Palette slot: the variant's border color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-fill","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-tint)`) — Surface slot: which palette entry `appearance` routed onto the background. Set it to retune a single appearance without touching the palette."}},{"name":"--lr-badge-font-size","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."}},{"name":"--lr-badge-gap","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-space-2xs)`) — Space between the `start` slot, the label, and the `end` slot."}},{"name":"--lr-badge-ink","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-text)`) — Palette slot: the variant's text color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-min-height","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."}},{"name":"--lr-badge-on-solid","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-on-loud)`) — Palette slot: the text color that stays legible on `--lr-badge-solid`."}},{"name":"--lr-badge-padding-inline","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."}},{"name":"--lr-badge-pulse-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `color-mix(in srgb, currentColor 40%, transparent)`) — Color of the expanding ring drawn by `attention=\"pulse\"`."}},{"name":"--lr-badge-pulse-spread","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-size-0-25rem)`) — How far the `attention=\"pulse\"` ring expands."}},{"name":"--lr-badge-radius","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-radius)`) — Corner radius of the badge surface. `pill` raises it to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-badge-solid","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-fill-loud)`) — Palette slot: the variant's loud fill, used by `appearance=\"accent\"`."}},{"name":"--lr-badge-stroke","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-edge)`) — Surface slot: which palette entry `appearance` routed onto the border color."}},{"name":"--lr-badge-text","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-ink)`) — Surface slot: which palette entry `appearance` routed onto the label color."}},{"name":"--lr-badge-tint","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-color-surface)`) — Palette slot: the variant's quiet fill. Its private default follows each non-neutral `variant`'s quiet fill from the shared semantic grid; an inherited or direct public value remains authoritative."}},{"name":"--lr-border-width-medium","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width medium. Reads `--lr-theme-border-width-medium`."}},{"name":"--lr-border-width-thick","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width thick. Reads `--lr-theme-border-width-thick`."}},{"name":"--lr-border-width-thin","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for border width thin. Reads `--lr-theme-border-width-thin`."}},{"name":"--lr-box-plot-border-color-1","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-1)`) — First series box-outline color."}},{"name":"--lr-box-plot-border-color-2","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-2)`) — Second series box-outline color."}},{"name":"--lr-box-plot-border-color-3","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-3)`) — Third series box-outline color."}},{"name":"--lr-box-plot-border-color-4","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-4)`) — Fourth series box-outline color."}},{"name":"--lr-box-plot-border-color-5","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-5)`) — Fifth series box-outline color."}},{"name":"--lr-box-plot-border-color-6","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-6)`) — Sixth series box-outline color."}},{"name":"--lr-box-plot-border-color-7","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-7)`) — Seventh series box-outline color."}},{"name":"--lr-box-plot-border-color-8","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-8)`) — Eighth series box-outline color."}},{"name":"--lr-box-plot-border-width","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-border-width-thin)`) — Canvas box-outline stroke width, in pixels. Same override mechanism as `<lr-chart>`'s `--border-width`."}},{"name":"--lr-box-plot-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-box-plot>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-box-plot-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-box-plot-fill-color-1","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-1)`) — First series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-2","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-2)`) — Second series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-3","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-3)`) — Third series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-4","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-4)`) — Fourth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-5","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-5)`) — Fifth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-6","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-6)`) — Sixth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-7","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-7)`) — Seventh series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-fill-color-8","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `var(--lr-color-chart-8)`) — Eighth series box-fill and legend-swatch color."}},{"name":"--lr-box-plot-item-radius","description":{"kind":"markdown","value":"`<lr-box-plot>` (default: `0`) — Radius, in pixels, of the individual raw-sample dots drawn alongside each box; `0` (the default) disables them."}},{"name":"--lr-breadcrumb-current-color","description":{"kind":"markdown","value":"`<lr-breadcrumb-item>` (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."}},{"name":"--lr-breadcrumb-item-active-bg","description":{"kind":"markdown","value":"`<lr-breadcrumb-item>` — Link/button pressed background; defaults to the former transparent active mix."}},{"name":"--lr-browser-frame-aspect-ratio","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `16 / 9`) — The viewport's aspect ratio."}},{"name":"--lr-browser-frame-controller-background","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand-quiet)`) — Controller badge background."}},{"name":"--lr-browser-frame-controller-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand)`) — Controller badge text color."}},{"name":"--lr-browser-frame-ping-click-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-brand)`) — Click-ping border color."}},{"name":"--lr-browser-frame-ping-move-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-text-quiet)`) — Move-ping border color."}},{"name":"--lr-browser-frame-ping-scroll-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-warning)`) — Scroll-ping border color."}},{"name":"--lr-browser-frame-ping-type-color","description":{"kind":"markdown","value":"`<lr-browser-frame>` (default: `var(--lr-color-success)`) — Type-ping border color."}},{"name":"--lr-button-accent","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-loud)`) — Text/glyph color for the chrome-less appearances (`outlined`, `plain`, `link`), i.e. the active `variant`'s loud fill used as a foreground. `variant=\"neutral\"` is the one exception: its loud fill is a mid grey picked to carry light text, so borrowing it as text on the page surface would wash out every plain and link button — neutral keeps `--lr-color-text`."}},{"name":"--lr-button-accent-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-loud)`) — Background of `appearance=\"accent\"` (and its border color): the active `variant`'s loud fill, the one primary action in a view."}},{"name":"--lr-button-accent-on-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-on-loud)`) — Text color on top of `--lr-button-accent-fill`, the grid's guaranteed-legible foreground for that fill."}},{"name":"--lr-button-active-background","description":{"kind":"markdown","value":"`<lr-button>` (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background while a non-disabled button is pressed — the same mix at the stronger `--lr-color-mix-active` share, so the pressed state reads as more than the hover. `appearance=\"link\"` moves its text colour by these two shares instead of taking a background."}},{"name":"--lr-button-active-scale","description":{"kind":"markdown","value":"`<lr-button>` (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."}},{"name":"--lr-button-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border-normal)`) — Border color of the internal button, from the active `variant`'s row of the shared semantic grid."}},{"name":"--lr-button-caret-size","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-size-0-75em)`) — Font size of the `with-caret` chevron, i.e. its rendered glyph box. Relative to the button's own font size, so it follows every `size` tier without a per-tier rule."}},{"name":"--lr-button-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-fill-quiet)`) — Background of `appearance=\"filled\"`: the active `variant`'s quiet tint, i.e. a secondary-action fill that is visibly a fill rather than the page surface. Follows `variant` through the shared semantic grid."}},{"name":"--lr-button-font-size","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-font-size)`) — Font size of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it and inherits the ambient font instead."}},{"name":"--lr-button-gap","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-gap)`) — Gap between the icon/label and any slotted content in the internal button. Constant across the ladder's tiers. Override it to retune without a `::part(base)` rule."}},{"name":"--lr-button-group-gap","description":{"kind":"markdown","value":"`<lr-button-group>` (default: `var(--lr-space-2xs)`) — Gap between grouped controls."}},{"name":"--lr-button-height","description":{"kind":"markdown","value":"`<lr-button>` — Exact height of the internal button. Undeclared by default — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor and cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-hover-background","description":{"kind":"markdown","value":"`<lr-button>` (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background of a non-disabled button while hovered. Replaced the pre-8.0.0 `--lr-button-hover-brightness` multiplier: a `filter` multiplies every channel, so it moved a mid-toned fill but did nothing at all to a pure white or pure black one, and it dimmed the label and icons along with the box."}},{"name":"--lr-button-hover-base","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-surface)`) — The colour the hover and press mixes move away from. Each painted appearance re-points it at its own fill (`--lr-button-fill` for `filled`/`filled-outlined`, `--lr-button-accent-fill` for `accent`); the chrome-less tiers (`outlined`, `plain`, `quiet`, `link`) paint nothing, so they mix from the page surface. Set it alongside `--lr-button-outlined-fill` when you tint an outlined button."}},{"name":"--lr-button-hover-border","description":{"kind":"markdown","value":"`<lr-button>` — Border color of a non-disabled button while hovered. Undeclared by default, so it falls back to whatever border colour the active `appearance` already paints at rest — every appearance's current hover border is unchanged until this is set. `appearance=\"link\"` renders with no border (`border: 0`) at every state, so this has no visible effect there."}},{"name":"--lr-button-hover-color","description":{"kind":"markdown","value":"`<lr-button>` — Text color of a non-disabled button while hovered. Undeclared by default, so it falls back to whatever colour the active `appearance` already paints at rest — every appearance's current hover text colour is unchanged until this is set. `appearance=\"link\"` ignores it: its own hover rule sets a higher-specificity colour mix instead."}},{"name":"--lr-button-justify","description":{"kind":"markdown","value":"`<lr-button>` (default: `center`) — `justify-content` of the internal button's row. With the label no longer growing by default, this is what positions the whole icon+label pair inside a stretched control: `flex-start` packs it against the leading edge, `space-between` pushes the adornments apart."}},{"name":"--lr-button-label-grow","description":{"kind":"markdown","value":"`<lr-button>` (default: `0`) — `flex-grow` of `[part=\"label\"]`. `0` (the default) lets the label shrink-wrap its text so `--lr-button-justify` positions the real content; `1` restores the pre-16.0.0 behaviour where the label absorbed every spare pixel of a stretched button. It also overrides the automatic grow a `with-caret`/`end`-adornment button applies, so `0` opts those rows out of pinning their trailing affordance."}},{"name":"--lr-button-min-height","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height)`) — The active tier's `min-block-size` floor, resolved through that tier's own `--lr-button-size-` token, and used as the fallback when `--lr-button-height` is unset."}},{"name":"--lr-button-on-fill","description":{"kind":"markdown","value":"`<lr-button>`* (default: `var(--lr-color-on-quiet)`) — Text color on top of `--lr-button-fill`, the grid's guaranteed-legible foreground for that tint."}},{"name":"--lr-button-outlined-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"` and `appearance=\"filled-outlined\"`, which overrides `--lr-button-border`."}},{"name":"--lr-button-outlined-fill","description":{"kind":"markdown","value":"`<lr-button>` (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-`, it is deliberately not* swapped per `variant`. The hover and press mixes read `--lr-button-hover-base`, which this tier leaves on the page surface, so set both together when you tint an outlined button."}},{"name":"--lr-button-padding-block","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-padding-block)`) — Block padding of the internal button, taken from the active `size` tier of the shared ladder. Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."}},{"name":"--lr-button-padding-inline","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-quiet-border","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-border)`) — Border color of `appearance=\"quiet\"`."}},{"name":"--lr-button-quiet-text","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."}},{"name":"--lr-button-radius","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-radius)`) — Corner radius of the internal button, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius, since a 6px corner on a 20px-tall control reads as a lozenge). `appearance=\"link\"` ignores it (it renders with zero radius). `pill` changes the private default to `--lr-radius-pill`; an inherited or direct `--lr-button-radius` still wins."}},{"name":"--lr-button-shadow","description":{"kind":"markdown","value":"`<lr-button>` — Box shadow of the internal button. Undeclared by default, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule. `appearance=\"link\"` always renders with no shadow regardless of this token — a zero-chrome inline link has no box to elevate."}},{"name":"--lr-button-size-2xs","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-2xs)`) — `min-block-size` at `size=\"2xs\"`. Since 8.0.0 the whole scale comes from the shared form-control ladder (`internal/sizes.styles.ts`), so ordinary single-row controls share the same minimum-height floor. A composed control can still grow to preserve an action's hit target or fit its content."}},{"name":"--lr-button-size-l","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-l)`) — `min-block-size` at `size=\"l\"` (and at `size=\"large\"`)."}},{"name":"--lr-button-size-m","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-m)`) — `min-block-size` at `size=\"m\"` (and at `size=\"medium\"`), the default tier."}},{"name":"--lr-button-size-s","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-s)`) — `min-block-size` at `size=\"s\"` (and at the `size=\"small\"` spelling)."}},{"name":"--lr-button-size-xl","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-xl)`) — `min-block-size` at `size=\"xl\"`."}},{"name":"--lr-button-size-xs","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-form-control-height-xs)`) — `min-block-size` at `size=\"xs\"`."}},{"name":"--lr-button-spinner-duration","description":{"kind":"markdown","value":"`<lr-button>` (default: `var(--lr-transition-ambient)`) — Timing of the `loading` spinner."}},{"name":"--lr-button-width","description":{"kind":"markdown","value":"`<lr-button>` (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."}},{"name":"--lr-calendar-agenda-event-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-agenda-event-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Agenda-event pressed background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-agenda-event-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Agenda-event hover background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-day-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-calendar-day-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-calendar-day-min-block-size","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-size-6rem)`) — Minimum block size of a day cell."}},{"name":"--lr-calendar-day-min-block-size-narrow","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."}},{"name":"--lr-calendar-day-outside-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-surface)`) — Background of an adjacent-month day cell."}},{"name":"--lr-calendar-day-outside-color","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-text-quiet)`) — Text color of an adjacent-month day cell."}},{"name":"--lr-calendar-day-selected-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."}},{"name":"--lr-calendar-day-today-outline-color","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand)`) — Outline color of today's day cell."}},{"name":"--lr-calendar-nav-active-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `color-mix(in oklab, var(--lr-calendar-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Month-navigation pressed background."}},{"name":"--lr-calendar-nav-hover-bg","description":{"kind":"markdown","value":"`<lr-calendar>` (default: `var(--lr-color-brand-quiet)`) — Month-navigation hover background."}},{"name":"--lr-calendar-viewer-max-height","description":{"kind":"markdown","value":"`<lr-calendar-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-callout-background","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-quiet,var(--lr-color-brand-fill-quiet))`) — The host surface's background: an inherited semantic quiet fill, with brand as the standalone fallback."}},{"name":"--lr-callout-border","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's border color."}},{"name":"--lr-callout-close-hover-bg","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."}},{"name":"--lr-callout-color","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's text color."}},{"name":"--lr-callout-font-size","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-form-control-font-size,var(--lr-font-size-m))`) — The callout's text size. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-callout-gap","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-space-s)`) — Space between the icon, the content, and the close action. Deliberately does not vary by `size`: it separates three adjacent boxes rather than setting the panel's density, and shrinking it at the small tiers only crowds them."}},{"name":"--lr-callout-padding","description":{"kind":"markdown","value":"`<lr-callout>` (default: `var(--lr-form-control-padding-inline,var(--lr-space-m))`) — Padding of the panel, on both axes. Its private default follows the shared ladder's inline-padding knob: a panel's block rhythm is generous like a control's inline padding, not tight like its block padding (which exists to fit text inside a fixed control height). This hook applies to the panel treatment; `inline` intentionally forces host padding to zero."}},{"name":"--lr-canvas-reserved-height","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins.\n\n`<lr-graph>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. Below this in the fallback chain, the normalized `height` property sizes the host too (a private custom property, not itself settable) -- setting this always overrides `height`, and an explicit outer `block-size` still wins over both.\n\n`<lr-knowledge-graph-explorer>` (default: `var(--lr-size-24rem)`) — Default block size of both this host and the composed `lr-graph`, shared with the pre-upgrade reservation stylesheet. Below this in the fallback chain, the composed `lr-graph`'s own normalized `height` (forwarded from this component's own `height`) sizes it instead; an explicit outer `block-size` still wins over both."}},{"name":"--lr-card-accent-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Accent stripe color."}},{"name":"--lr-card-filled-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand-quiet)`) — Filled appearance background."}},{"name":"--lr-card-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand-quiet)`) — Filled-outlined background."}},{"name":"--lr-card-interactive-active-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Interactive pressed border."}},{"name":"--lr-card-interactive-active-overlay","description":{"kind":"markdown","value":"`<lr-card>` — Interactive pressed overlay; defaults to the former transparent active mix."}},{"name":"--lr-card-interactive-hover-border-color","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-brand)`) — Interactive hover border."}},{"name":"--lr-card-interactive-hover-shadow","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-card-shadow, none)`) — Box shadow of an `actionable`/linked card's base while hovered. Falls back to `--lr-card-shadow` itself, so a card given only a resting shadow keeps that exact shadow on hover; set this independently to lift an actionable card a further step on hover."}},{"name":"--lr-card-outlined-bg","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--lr-color-surface)`) — Background of the DEFAULT (`outlined`) appearance, and of `accent`, which adds a stripe without restating a surface. The filled tiers below already had their own hook; this one closes the gap for the tier most cards actually render, so retinting one themed card no longer needs a `::part(base)` rule or an app-wide `--lr-color-surface` change. Mirrors `<lr-details>`'s `--lr-details-outlined-bg`."}},{"name":"--lr-card-shadow","description":{"kind":"markdown","value":"`<lr-card>` — Box shadow of the card surface. Undeclared by default, so `box-shadow` falls back to `none` -- byte-identical to before this property existed. Set it (e.g. a raised card in a flat layout) without a `::part(base)` rule."}},{"name":"--lr-carousel-indicator-current-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Active dot fill."}},{"name":"--lr-carousel-indicator-current-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Active dot border."}},{"name":"--lr-carousel-navigation-active-bg","description":{"kind":"markdown","value":"`<lr-carousel>` — Navigation pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-navigation-active-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Navigation pressed border."}},{"name":"--lr-carousel-navigation-hover-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Navigation hover background."}},{"name":"--lr-carousel-navigation-hover-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Navigation hover border."}},{"name":"--lr-carousel-pagination-active-bg","description":{"kind":"markdown","value":"`<lr-carousel>` — Pagination-dot pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-pagination-active-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Pagination-dot pressed border."}},{"name":"--lr-carousel-pagination-hover-bg","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand-quiet)`) — Pagination-dot hover background."}},{"name":"--lr-carousel-pagination-hover-border-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-brand)`) — Pagination-dot hover border."}},{"name":"--lr-carousel-scroll-container-hover-outline-color","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"scroll-container\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-carousel-scroll-container-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-scroll-container-hover-outline-style","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-scroll-container-hover-outline-width","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"scroll-container\"]`."}},{"name":"--lr-carousel-slide-basis","description":{"kind":"markdown","value":"`<lr-carousel>` — Compatibility override for the computed per-page basis."}},{"name":"--lr-cell-size","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-size-2-25rem)`) — Inline and block size of each day cell and the matching calendar grid track."}},{"name":"--lr-chart-canvas-hover-outline-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline.\n\n`<lr-box-plot>` (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline. Same token and default as `<lr-chart>`."}},{"name":"--lr-chart-canvas-hover-outline-width","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-box-plot>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-border-width-thin)`) — Width of the `[part='canvas']` hover-state outline."}},{"name":"--lr-chart-color-1","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-1)`) — First series color."}},{"name":"--lr-chart-color-2","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-2)`) — Second series color."}},{"name":"--lr-chart-color-3","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-3)`) — Third series color."}},{"name":"--lr-chart-color-4","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-4)`) — Fourth series color."}},{"name":"--lr-chart-color-5","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-5)`) — Fifth series color."}},{"name":"--lr-chart-color-6","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-6)`) — Sixth series color."}},{"name":"--lr-chart-color-7","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-7)`) — Seventh series color."}},{"name":"--lr-chart-color-8","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-chart-8)`) — Eighth series color."}},{"name":"--lr-chart-data-table-button-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of an actionable generated- table value; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-data-table-button-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of an actionable generated-table value."}},{"name":"--lr-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-chart-grid-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-border)`) — Grid-line color. Resolved via `getComputedStyle` on every draw (Chart.js paints to canvas and cannot consume `var()`).\n\n`<lr-box-plot>` (default: `var(--lr-color-border)`) — Canvas grid-line color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-border)`) — Grid-line color."}},{"name":"--lr-chart-height","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-size-280px)`) — The plot region's `block-size` and the host's minimum block size. A visible data table or wrapping DOM legend grows the host in normal flow instead of overlapping following content. `height` supplies a private fallback; this public token always wins when a consumer sets it.\n\n`<lr-box-plot>`, `<lr-lite-chart>` (default: `var(--lr-size-280px)`) — Consumer-owned chart height. The `height` property supplies only a private fallback, so this public token always wins when set."}},{"name":"--lr-chart-legend-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text)`) — Legend label color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text)`) — DOM legend label color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-text)`) — Legend label color."}},{"name":"--lr-chart-legend-item-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of a legend visibility button; defaults to the standard active mix of `--lr-color-brand-quiet`.\n\n`<lr-box-plot>` — Legend-item pressed background."}},{"name":"--lr-chart-legend-item-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of a legend visibility button.\n\n`<lr-box-plot>` (default: `var(--lr-color-brand-quiet)`) — Legend-item hover background."}},{"name":"--lr-chart-legend-side-max","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-size-15rem)`) — Maximum inline size reserved for a side-positioned DOM legend; the track is also capped at one third of the chart allocation.\n\n`<lr-box-plot>`, `<lr-lite-chart>` (default: `var(--lr-size-15rem)`) — Maximum side-legend track size."}},{"name":"--lr-chart-pattern-step","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where every series collapses to one system color and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart.\n\n`<lr-box-plot>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-lite-chart>`.\n\n`<lr-lite-chart>` (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the texture becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-box-plot>`."}},{"name":"--lr-chart-reset-zoom-button-active-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` — Pressed background of the reset-zoom button; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-reset-zoom-button-hover-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the reset-zoom button."}},{"name":"--lr-chart-tick-color","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text-quiet)`) — Axis tick-label color; also used for the `xLabel`/`yLabel`/`y2Label` axis-title text (there is no separate title-color token). Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text-quiet)`) — Canvas tick and axis-title color.\n\n`<lr-lite-chart>` (default: `var(--lr-color-text-quiet)`) — Axis and legend-detail color."}},{"name":"--lr-chart-tick-font-size","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-font-size-xs)`) — Axis tick-label font size, in any CSS length unit. Defaults to `--lr-font-size-xs` (12px at the standard root) because that matches Chart.js's OWN built-in tick font size, which is what every canvas chart rendered before this token existed -- leaving it unset must stay byte-identical to that, not shrink to `<lr-lite-chart>`'s SVG default. Also sizes the radar/polarArea `r`-scale `pointLabels` (the spoke labels), but ONLY once set: those default separately to Chart.js's OWN distinct `RadialLinearScale` `pointLabels` default (10px, not this token's 12px), and only adopt this token's size once the consumer explicitly sets it, at which point ticks and point labels match. Resolved via `getComputedStyle` on every draw, same constraint as every other `--lr-chart-` token here (Chart.js paints to canvas and cannot consume `var()`).\n\n`<lr-box-plot>`* (default: `var(--lr-font-size-xs)`) — Canvas axis tick-label font size. Same token name and default as `lr-chart`'s equivalent, so theming either retunes both; `--lr-font-size-xs` (12px at the standard root) matches Chart.js's OWN built-in tick font size, which is what box-plot rendered before this token existed.\n\n`<lr-lite-chart>` (default: `var(--lr-font-size-2xs)`) — Axis tick-label font size. Same token name as `lr-chart`'s canvas equivalent, so theming either retunes both."}},{"name":"--lr-chart-tooltip-bg","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-surface)`) — Tooltip background color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-surface)`) — Canvas tooltip background."}},{"name":"--lr-chart-tooltip-text","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw.\n\n`<lr-box-plot>` (default: `var(--lr-color-text)`) — Canvas tooltip text color."}},{"name":"--lr-chat-composer-background","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-surface)`) — Fill of the card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-chat-composer-border-color","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-border)`) — Resting colour of the card's border. The `:focus-within` border stays on the brand token -- it is state paint, not chrome."}},{"name":"--lr-chat-composer-busy-bg","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."}},{"name":"--lr-chat-composer-focus-shadow","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `inset 0 calc(-1 * var(--lr-focus-ring-width)) 0 0 var(--lr-focus-ring-color)`) — The `frame=\"plain\"` focus affordance painted on `[part=\"base\"]:focus-within`, replacing the card's border-color shift with an underline since there is no border left to recolor under `plain`. Override to reshape it (a different width/color) or set to `none` to cede focus chrome entirely to a consumer-drawn wrapper -- chosen over a third `frame` value, since every other piece of this card's paint (background/border-color/radius above) is already a cssprop hook rather than a `frame` variant, and `none` already reads naturally as \"I'll draw my own\"."}},{"name":"--lr-chat-composer-gap","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-space-xs)`) — Row gap between the `toolbar`, `chips` and `row` sections stacked inside `[part=\"base\"]`."}},{"name":"--lr-chat-composer-padding","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-space-s)`) — Padding of the card (`[part=\"base\"]`). `frame=\"plain\"` still zeroes it, same as the background/border-color/radius hooks above."}},{"name":"--lr-chat-composer-radius","description":{"kind":"markdown","value":"`<lr-chat-composer>` (default: `var(--lr-radius)`) — Corner radius of the card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-chat-message-bubble-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-surface)`) — Bubble fill for every role except `user`."}},{"name":"--lr-chat-message-bubble-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."}},{"name":"--lr-chat-message-bubble-padding","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-space-m)`) — Bubble padding."}},{"name":"--lr-chat-message-bubble-radius","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-radius)`) — Bubble corner radius. Bubble-only by design — `collapse-button` and `retry-button` keep reading the shared `--lr-radius`, so a rounder bubble never desyncs the controls from the rest of the library."}},{"name":"--lr-chat-message-failed-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger-quiet)`) — Failed bubble fill."}},{"name":"--lr-chat-message-failed-border-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed bubble border."}},{"name":"--lr-chat-message-failed-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed-message footer text."}},{"name":"--lr-chat-message-failed-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed indicator."}},{"name":"--lr-chat-message-failed-status-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-danger)`) — Failed status text."}},{"name":"--lr-chat-message-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — Default footer text."}},{"name":"--lr-chat-message-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — Default status indicator."}},{"name":"--lr-chat-message-max-width","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `80%`) — Maximum inline size of the message bubble."}},{"name":"--lr-chat-message-streaming-border-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand)`) — Streaming bubble border."}},{"name":"--lr-chat-message-streaming-indicator-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand)`) — Streaming indicator."}},{"name":"--lr-chat-message-system-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text-quiet)`) — System-message text color."}},{"name":"--lr-chat-message-user-bubble-bg","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-brand-quiet)`) — Bubble fill for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-bubble-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — Bubble text color for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-footer-color","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `var(--lr-color-text)`) — User-message footer text."}},{"name":"--lr-checkbox-active-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Box border while pressed."}},{"name":"--lr-checkbox-active-ring","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand-quiet)`) — Outer box ring while pressed."}},{"name":"--lr-checkbox-box-size","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='box']`. Derived from the `size` tier's shared control height, so the box lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`; set it to pin the box independently of the tier."}},{"name":"--lr-checkbox-checked-bg","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-checkbox-checked-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."}},{"name":"--lr-checkbox-group-invalid-border","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `var(--lr-color-danger)`) — Border around the option collection while invalid chrome is visible."}},{"name":"--lr-checkbox-group-option-gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `calc(var(--lr-form-control-height) * 0.2)`) — Gap between adjacent options, scaled by `size`."}},{"name":"--lr-checkbox-group-row-gap","description":{"kind":"markdown","value":"`<lr-checkbox-group>` (default: `calc(var(--lr-form-control-height) * 0.1)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-checkbox-hover-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-brand)`) — Box border while the enabled interactive control is hovered."}},{"name":"--lr-checkbox-invalid-border","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `var(--lr-color-danger)`) — Box border while invalid chrome is visible."}},{"name":"--lr-checkbox-label-indent","description":{"kind":"markdown","value":"`<lr-checkbox>` (default: `calc(var(--lr-checkbox-box-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it — so it tracks `size` along with the box. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is not readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-checkpoint-spin-duration","description":{"kind":"markdown","value":"`<lr-checkpoint>`* (default: `var(--lr-transition-ambient)`) — Restoring-spinner timing, inheriting the shared ambient-motion token by default (stopped under reduced motion)."}},{"name":"--lr-chip-accent","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-text)`) — Text/icon color of the pill. Each non-neutral `variant` changes its private default to that variant's loud fill."}},{"name":"--lr-chip-bg","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-surface)`) — Background of the pill. Each non-neutral `variant` changes its private default to that variant's quiet fill."}},{"name":"--lr-chip-border","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-color-border)`) — Border color of the pill. Every non-neutral `variant` changes its private default to `transparent`."}},{"name":"--lr-chip-font-size","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-font-size-sm)`) — Label font size. Each `size` changes its private default to that step's font size; an inherited or direct public value still wins."}},{"name":"--lr-chip-gap","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` changes its private default to that step's gap."}},{"name":"--lr-chip-group-gap","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s wrapped children, chips and the overflow indicator alike."}},{"name":"--lr-chip-group-overflow-expanded-border-style","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `solid`) — Border style of `[part=\"overflow-indicator\"]` while expanded. The resting indicator intentionally stays dashed, so this can retune the expanded state without losing that structural affordance."}},{"name":"--lr-chip-group-overflow-expanded-color","description":{"kind":"markdown","value":"`<lr-chip-group>` (default: `var(--lr-color-text)`) — Text color of `[part=\"overflow-indicator\"]` while expanded (`aria-expanded=\"true\"`). `::part(overflow-indicator)[aria-expanded='true']` is invalid CSS, so this is the only way to retint the expanded state without re-pointing the shared `--lr-color-text` token."}},{"name":"--lr-chip-height","description":{"kind":"markdown","value":"`<lr-chip>` — Exact block size of the chip. Undeclared by default, so the chip grows to fit its content (floored by `--lr-chip-min-height` when interactive). Set it to pin a fixed height. A value below the shared interactive target is for non-interactive chips only."}},{"name":"--lr-chip-icon-size","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-font-size-sm)`) — Font size of the `start` slot wrapper. Its private default follows each `size` step's icon size; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-min-height","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-size-1-5rem)`) — Component density floor for an interactive chip. The real toggle/remove controls also enforce the shared `--lr-icon-button-size` target floor."}},{"name":"--lr-chip-padding-block","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-size-0-25rem)`) — Block padding of the pill. Each `size` changes its private default to that step's block padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-padding-inline","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-space-s)`) — Inline padding of the pill. Each `size` changes its private default to that step's inline padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-pressed-bg","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."}},{"name":"--lr-chip-pressed-border","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."}},{"name":"--lr-chip-radius","description":{"kind":"markdown","value":"`<lr-chip>` (default: `var(--lr-radius)`) — Corner radius of the pill and of the remove button, kept in sync so retuning one retunes both. `pill` changes its private default to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-chunk-inspector-current-bg","description":{"kind":"markdown","value":"`<lr-chunk-inspector>` (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeChunkId`. Contrast-sensitive: paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."}},{"name":"--lr-chunk-inspector-current-color","description":{"kind":"markdown","value":"`<lr-chunk-inspector>` (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. Contrast-sensitive: the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."}},{"name":"--lr-citation-badge-accent","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-text-quiet)`) — Text color of `base`, and its hover border color. Its private default follows the reflected `status`: success for `high`/`verified`, warning for `medium`/`low`, and danger for `unverified`; a public value wins."}},{"name":"--lr-citation-badge-bg","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `transparent`) — Background of `base`. Its private default follows `status` to the matching `-quiet` tone (`success`/`warning`/`danger`); a public value wins."}},{"name":"--lr-citation-badge-border","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."}},{"name":"--lr-claim-evidence-compact-gap","description":{"kind":"markdown","value":"`<lr-claim-evidence>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"claim-trigger\"]`'s columns while `compact`."}},{"name":"--lr-claim-evidence-compact-padding","description":{"kind":"markdown","value":"`<lr-claim-evidence>` (default: `var(--lr-space-xs)`) — `[part=\"claim-trigger\"]` padding while `compact`."}},{"name":"--lr-code-block-active-line-outline-color","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."}},{"name":"--lr-code-block-font","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `var(--lr-font-mono)`) — Monospace family for the rendered `pre` and `code`."}},{"name":"--lr-code-block-highlighted-line-bg","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`, in both the light and dark-theme (shiki) rendering paths. Retints just that background, leaving every other `--lr-color-warning-quiet` surface alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n`<lr-code-block-core>` (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`. Shared with `lr-code-block` (this component reuses its stylesheet), leaving every other `--lr-color-warning-quiet` surface alone."}},{"name":"--lr-code-block-language-bg","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand-quiet)`) — Background of the `language` badge in `[part=\"header\"]`.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand-quiet)`) — Background of the `language` badge in `[part=\"header\"]`. Shared with `lr-code-block` (this component reuses its stylesheet)."}},{"name":"--lr-code-block-language-color","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `var(--lr-color-brand)`) — Text color of the `language` badge. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n`<lr-code-block-core>` (default: `var(--lr-color-brand)`) — Text color of the `language` badge."}},{"name":"--lr-code-block-max-height","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."}},{"name":"--lr-code-block-tab-size","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `2`) — Tab width for the rendered code, applied to `pre`.\n\n`<lr-code-block-core>` (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n`<lr-markdown>`, `<lr-markdown-core>` (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."}},{"name":"--lr-code-editor-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-border)`) — Resting editor-frame border color, independent of the hover and invalid colors below."}},{"name":"--lr-code-editor-fill","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-surface)`) — Resting editor-frame background."}},{"name":"--lr-code-editor-font-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-font-size-m)`) — Font size of the gutter's line numbers and the textarea, from the active `size` tier."}},{"name":"--lr-code-editor-hover-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-brand)`) — Editor-frame border while the enabled surface is hovered."}},{"name":"--lr-code-editor-invalid-border","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-color-danger)`) — Editor-frame border while invalid chrome is visible."}},{"name":"--lr-code-editor-line-height","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `1.5`) — Line height shared by the gutter and the textarea, so line numbers stay aligned with their lines."}},{"name":"--lr-code-editor-min-block-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-size-8rem)`) — Minimum block size of the editor frame and its textarea. Comes from the active `size` tier by default; assign it directly to override that tier's value."}},{"name":"--lr-code-editor-padding","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `var(--lr-space-s)`) — Padding of the gutter (block side only) and the textarea (all sides), from the active `size` tier."}},{"name":"--lr-code-editor-tab-size","description":{"kind":"markdown","value":"`<lr-code-editor>` (default: `2`) — The textarea's `tab-size`. The single channel for tab width — the class writes this token rather than setting `tab-size` directly."}},{"name":"--lr-color-border","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color border. Reads `--lr-theme-color-surface-border`."}},{"name":"--lr-color-border-strong","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color border strong. Reads `--lr-theme-color-border-strong`."}},{"name":"--lr-color-brand","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand."}},{"name":"--lr-color-brand-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border loud. Reads `--lr-theme-color-brand-border-loud`."}},{"name":"--lr-color-brand-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border normal. Reads `--lr-theme-color-brand-border-normal`."}},{"name":"--lr-color-brand-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand border quiet. Reads `--lr-theme-color-brand-border-quiet`."}},{"name":"--lr-color-brand-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill loud. Reads `--lr-theme-color-brand-fill-loud`."}},{"name":"--lr-color-brand-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill normal. Reads `--lr-theme-color-brand-fill-normal`."}},{"name":"--lr-color-brand-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand fill quiet. Reads `--lr-theme-color-brand-fill-quiet`."}},{"name":"--lr-color-brand-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on loud. Reads `--lr-theme-color-brand-on-loud`."}},{"name":"--lr-color-brand-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on normal. Reads `--lr-theme-color-brand-on-normal`."}},{"name":"--lr-color-brand-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand on quiet. Reads `--lr-theme-color-brand-on-quiet`."}},{"name":"--lr-color-brand-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color brand quiet."}},{"name":"--lr-color-chart-1","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-1,#0e006e)`) — First cluster color.\n\nShared design token — Canonical shared component token for color chart 1. Reads `--lr-theme-color-chart-1`."}},{"name":"--lr-color-chart-2","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-2,#4d011a)`) — Second cluster color.\n\nShared design token — Canonical shared component token for color chart 2. Reads `--lr-theme-color-chart-2`."}},{"name":"--lr-color-chart-3","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-3,#862002)`) — Third cluster color.\n\nShared design token — Canonical shared component token for color chart 3. Reads `--lr-theme-color-chart-3`."}},{"name":"--lr-color-chart-4","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-4,#503983)`) — Fourth cluster color.\n\nShared design token — Canonical shared component token for color chart 4. Reads `--lr-theme-color-chart-4`."}},{"name":"--lr-color-chart-5","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-5,#315fdd)`) — Fifth cluster color.\n\nShared design token — Canonical shared component token for color chart 5. Reads `--lr-theme-color-chart-5`."}},{"name":"--lr-color-chart-6","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-6,#935e7c)`) — Sixth cluster color.\n\nShared design token — Canonical shared component token for color chart 6. Reads `--lr-theme-color-chart-6`."}},{"name":"--lr-color-chart-7","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-7,#de6906)`) — Seventh cluster color.\n\nShared design token — Canonical shared component token for color chart 7. Reads `--lr-theme-color-chart-7`."}},{"name":"--lr-color-chart-8","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-theme-color-chart-8,#8f81d3)`) — Eighth cluster color; later clusters wrap through the same ordered palette.\n\nShared design token — Canonical shared component token for color chart 8. Reads `--lr-theme-color-chart-8`."}},{"name":"--lr-color-danger","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger."}},{"name":"--lr-color-danger-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border loud. Reads `--lr-theme-color-danger-border-loud`."}},{"name":"--lr-color-danger-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border normal. Reads `--lr-theme-color-danger-border-normal`."}},{"name":"--lr-color-danger-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger border quiet. Reads `--lr-theme-color-danger-border-quiet`."}},{"name":"--lr-color-danger-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill loud. Reads `--lr-theme-color-danger-fill-loud`."}},{"name":"--lr-color-danger-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill normal. Reads `--lr-theme-color-danger-fill-normal`."}},{"name":"--lr-color-danger-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger fill quiet. Reads `--lr-theme-color-danger-fill-quiet`."}},{"name":"--lr-color-danger-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on loud. Reads `--lr-theme-color-danger-on-loud`."}},{"name":"--lr-color-danger-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on normal. Reads `--lr-theme-color-danger-on-normal`."}},{"name":"--lr-color-danger-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger on quiet. Reads `--lr-theme-color-danger-on-quiet`."}},{"name":"--lr-color-danger-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color danger quiet."}},{"name":"--lr-color-mix-active","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix active. Reads `--lr-theme-color-mix-active`."}},{"name":"--lr-color-mix-hover","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix hover. Reads `--lr-theme-color-mix-hover`."}},{"name":"--lr-color-mix-partner","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color mix partner. Reads `--lr-theme-color-mix-partner`."}},{"name":"--lr-color-neutral","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral."}},{"name":"--lr-color-neutral-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border loud. Reads `--lr-theme-color-neutral-border-loud`."}},{"name":"--lr-color-neutral-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border normal. Reads `--lr-theme-color-neutral-border-normal`."}},{"name":"--lr-color-neutral-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral border quiet. Reads `--lr-theme-color-neutral-border-quiet`."}},{"name":"--lr-color-neutral-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill loud. Reads `--lr-theme-color-neutral-fill-loud`."}},{"name":"--lr-color-neutral-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill normal. Reads `--lr-theme-color-neutral-fill-normal`."}},{"name":"--lr-color-neutral-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral fill quiet. Reads `--lr-theme-color-neutral-fill-quiet`."}},{"name":"--lr-color-neutral-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on loud. Reads `--lr-theme-color-neutral-on-loud`."}},{"name":"--lr-color-neutral-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on normal. Reads `--lr-theme-color-neutral-on-normal`."}},{"name":"--lr-color-neutral-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color neutral on quiet. Reads `--lr-theme-color-neutral-on-quiet`."}},{"name":"--lr-color-no-data","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color no data. Reads `--lr-theme-color-no-data`."}},{"name":"--lr-color-on-brand","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on brand."}},{"name":"--lr-color-on-danger","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on danger."}},{"name":"--lr-color-on-neutral","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on neutral."}},{"name":"--lr-color-on-strong-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on strong overlay. Reads `--lr-theme-color-on-strong-overlay`."}},{"name":"--lr-color-on-success","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on success."}},{"name":"--lr-color-on-warning","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color on warning."}},{"name":"--lr-color-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color overlay. Reads `--lr-theme-color-overlay`."}},{"name":"--lr-color-overlay-strong","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color overlay strong. Reads `--lr-theme-color-overlay-strong`."}},{"name":"--lr-color-picker-border-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-border)`) — Resting trigger border color."}},{"name":"--lr-color-picker-checker-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-border)`) — Tint of the alpha checkerboard."}},{"name":"--lr-color-picker-checker-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-0-5rem)`) — Cell size of the alpha checkerboard."}},{"name":"--lr-color-picker-gap","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-space-xs)`) — Gap between field chrome and panel rows."}},{"name":"--lr-color-picker-grid-block-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-8rem)`) — Saturation/brightness grid height."}},{"name":"--lr-color-picker-grid-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1rem)`) — Diameter of the grid handle."}},{"name":"--lr-color-picker-grid-hue","description":{"kind":"markdown","value":"`<lr-color-picker>` — The saturation/brightness grid's fully-saturated base hue. Rewritten on every render, like `--lr-color-picker-swatch-color`."}},{"name":"--lr-color-picker-grid-inline-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-15rem)`) — Saturation/brightness grid width."}},{"name":"--lr-color-picker-hover-border-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-brand)`) — Hover border color."}},{"name":"--lr-color-picker-hue-stops","description":{"kind":"markdown","value":"`<lr-color-picker>` — The hue ramp's own gradient stops, shared by the hue slider in both text directions. Defaults to the six-stop sRGB hue wheel."}},{"name":"--lr-color-picker-opacity-gradient","description":{"kind":"markdown","value":"`<lr-color-picker>` — The opacity slider's transparent-to-opaque ramp, built from the current colour and text direction. Rewritten on every render."}},{"name":"--lr-color-picker-palette-swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1-5rem)`) — Size of a palette swatch."}},{"name":"--lr-color-picker-radius","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-radius)`) — Trigger, grid, and panel corner radius."}},{"name":"--lr-color-picker-selected-border","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-brand)`) — Border of the selected palette swatch."}},{"name":"--lr-color-picker-selected-check-color","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-color-surface)`) — Checkmark color on the selected palette swatch."}},{"name":"--lr-color-picker-slider-block-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-0-75rem)`) — Thickness of the visible hue/opacity ramp. The slider's own pointer target stays floored at 24px regardless."}},{"name":"--lr-color-picker-slider-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-size-1-25rem)`) — Diameter of a slider handle."}},{"name":"--lr-color-picker-swatch-color","description":{"kind":"markdown","value":"`<lr-color-picker>` — The live colour painted on the trigger, preview, slider handles, and palette swatches. Rewritten on every render, so it reports state rather than accepting configuration."}},{"name":"--lr-color-picker-swatch-disabled-opacity","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `0.5`) — Opacity of a palette swatch whose own entry sets `disabled`."}},{"name":"--lr-color-picker-swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` (default: `var(--lr-form-control-height,var(--lr-size-2-5rem))`) — The centered visible swatch's inline and block size. The interactive trigger stays at least `--lr-icon-button-size`; larger swatch tiers expand it. The value reads the shared form-control height ladder, so the visible swatch follows neighbouring field density."}},{"name":"--lr-color-shadow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color shadow. Reads `--lr-theme-color-shadow`."}},{"name":"--lr-color-success","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success."}},{"name":"--lr-color-success-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border loud. Reads `--lr-theme-color-success-border-loud`."}},{"name":"--lr-color-success-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border normal. Reads `--lr-theme-color-success-border-normal`."}},{"name":"--lr-color-success-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success border quiet. Reads `--lr-theme-color-success-border-quiet`."}},{"name":"--lr-color-success-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill loud. Reads `--lr-theme-color-success-fill-loud`."}},{"name":"--lr-color-success-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill normal. Reads `--lr-theme-color-success-fill-normal`."}},{"name":"--lr-color-success-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success fill quiet. Reads `--lr-theme-color-success-fill-quiet`."}},{"name":"--lr-color-success-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on loud. Reads `--lr-theme-color-success-on-loud`."}},{"name":"--lr-color-success-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on normal. Reads `--lr-theme-color-success-on-normal`."}},{"name":"--lr-color-success-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success on quiet. Reads `--lr-theme-color-success-on-quiet`."}},{"name":"--lr-color-success-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color success quiet."}},{"name":"--lr-color-surface","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface. Reads `--lr-theme-color-surface-default`."}},{"name":"--lr-color-surface-overlay","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface overlay. Reads `--lr-theme-color-surface-overlay`."}},{"name":"--lr-color-surface-raised","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color surface raised. Reads `--lr-theme-color-surface-raised`."}},{"name":"--lr-color-text","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color text. Reads `--lr-theme-color-text-normal`."}},{"name":"--lr-color-text-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color text quiet. Reads `--lr-theme-color-text-quiet`."}},{"name":"--lr-color-warning","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning."}},{"name":"--lr-color-warning-border-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border loud. Reads `--lr-theme-color-warning-border-loud`."}},{"name":"--lr-color-warning-border-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border normal. Reads `--lr-theme-color-warning-border-normal`."}},{"name":"--lr-color-warning-border-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning border quiet. Reads `--lr-theme-color-warning-border-quiet`."}},{"name":"--lr-color-warning-fill-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill loud. Reads `--lr-theme-color-warning-fill-loud`."}},{"name":"--lr-color-warning-fill-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill normal. Reads `--lr-theme-color-warning-fill-normal`."}},{"name":"--lr-color-warning-fill-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning fill quiet. Reads `--lr-theme-color-warning-fill-quiet`."}},{"name":"--lr-color-warning-on-loud","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on loud. Reads `--lr-theme-color-warning-on-loud`."}},{"name":"--lr-color-warning-on-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on normal. Reads `--lr-theme-color-warning-on-normal`."}},{"name":"--lr-color-warning-on-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning on quiet. Reads `--lr-theme-color-warning-on-quiet`."}},{"name":"--lr-color-warning-quiet","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for color warning quiet."}},{"name":"--lr-combobox-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-border)`) — Resting border color of the trigger row, `transparent` by default on the `filled` treatment."}},{"name":"--lr-combobox-expand-size","description":{"kind":"markdown","value":"`<lr-combobox>` — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-combobox-fill","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-surface)`) — Resting background of the trigger row. The `filled`/`filled-outlined` treatments default it to `--lr-color-surface-raised`; a value set here wins over every treatment."}},{"name":"--lr-combobox-font-size","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-form-control-font-size)`) — Input text size, from the shared form-control size ladder."}},{"name":"--lr-combobox-gap","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-space-xs)`) — Gap between the start/end adornments, tags, and filter input inside the trigger row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(combobox)` rule."}},{"name":"--lr-combobox-open-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Border color of the trigger row while it holds focus — the state the listbox opens in. Bound to `:focus-within` rather than to `open`, so it paints on a focused row whose listbox is closed too; the name is symmetric with `lr-select`'s `--lr-select-open-border-color`, which is gated on `open` itself."}},{"name":"--lr-combobox-option-active-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-combobox-option-badge-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part='option-badge']` trailing metadata badge, and the \"not in catalog\" badge on a synthetic unmatched-value row (`show-unknown-option`)."}},{"name":"--lr-combobox-option-selected-bg","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-combobox-option-selected-border","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-combobox-option-selected-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-combobox-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-combobox-radius","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-radius)`) — Corner radius of the trigger row (`[part='combobox']`). Does not vary by `size` tier; the `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-combobox-tag-font-size","description":{"kind":"markdown","value":"`<lr-combobox>` — Selected-tag text size."}},{"name":"--lr-combobox-tag-padding","description":{"kind":"markdown","value":"`<lr-combobox>` — Selected-tag padding."}},{"name":"--lr-combobox-trigger-height","description":{"kind":"markdown","value":"`<lr-combobox>` — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."}},{"name":"--lr-combobox-trigger-min-height","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-form-control-height)`) — Minimum input-container block size. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-combobox-trigger-padding","description":{"kind":"markdown","value":"`<lr-combobox>`* — Padding inside the input container."}},{"name":"--lr-combobox-unknown-value-border-color","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-color-border)`) — Border color of the same unknown-value tag."}},{"name":"--lr-combobox-unknown-value-border-style","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `dashed`) — Border style of a `multiple`-mode tag whose committed value matches no current option/row."}},{"name":"--lr-command-palette-active-bg","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-command-palette-group-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-2rem)`) — Virtual group-heading height; live changes rebuild heading/row transforms and the result extent."}},{"name":"--lr-command-palette-list-max-block-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `50vh`) — Maximum height of the scrolling command list."}},{"name":"--lr-command-palette-max-block-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `70vh`) — Maximum dialog height."}},{"name":"--lr-command-palette-max-inline-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-48rem)`) — Maximum dialog width."}},{"name":"--lr-command-palette-offset-block-start","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `12vh`) — Gap between the viewport top and the dialog."}},{"name":"--lr-command-palette-row-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-size-3rem)`) — Virtual command-row height; live changes rebuild row transforms, scrolling coordinates, and the result extent."}},{"name":"--lr-command-palette-search-font-size","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `inherit`) — Text size of the query field."}},{"name":"--lr-command-palette-search-gap","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-space-s)`) — Gap between the leading glyph and the query field."}},{"name":"--lr-command-palette-search-min-height","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `auto`) — Minimum row height of the query field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line the palette's own field up with the rest of an application's controls."}},{"name":"--lr-command-palette-search-padding","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-space-m)`) — Gutter around the query row."}},{"name":"--lr-command-palette-z-index","description":{"kind":"markdown","value":"`<lr-command-palette>` (default: `var(--lr-overlay-stack-index, var(--lr-layer-modal))`) — Stacking index of the backdrop."}},{"name":"--lr-commit-card-background","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `transparent`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`, unset by default so the card takes the surface it sits on. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-commit-card-border-color","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-commit-card-compact-padding","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-commit-card-radius","description":{"kind":"markdown","value":"`<lr-commit-card>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-community-card-bg","description":{"kind":"markdown","value":"`<lr-community-card>` (default: `var(--lr-color-surface)`) — Resting background of `[part=\"base\"]`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-compare-panel-max-height","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."}},{"name":"--lr-compare-panel-selected-background","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand-quiet)`) — Selected vote button background."}},{"name":"--lr-compare-panel-selected-border-color","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand)`) — Selected vote button border color."}},{"name":"--lr-compare-panel-selected-color","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-color-brand)`) — Selected vote button text color."}},{"name":"--lr-compare-panel-selected-font-weight","description":{"kind":"markdown","value":"`<lr-compare-panel>` (default: `var(--lr-font-weight-semibold)`) — Selected vote button font weight."}},{"name":"--lr-confirm-bar-approved-color","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-success)`) — `[part='status']` text/icon color once `decision` is `'approved'`."}},{"name":"--lr-confirm-bar-bg","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-surface)`) — Resting background of `[part='base']`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-confirm-bar-compact-gap","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."}},{"name":"--lr-confirm-bar-compact-padding","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-space-s)`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-confirm-bar-denied-color","description":{"kind":"markdown","value":"`<lr-confirm-bar>` (default: `var(--lr-color-danger)`) — `[part='status']` text/icon color once `decision` is `'denied'`."}},{"name":"--lr-contact-viewer-max-height","description":{"kind":"markdown","value":"`<lr-contact-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-context-meter-disabled-opacity","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-opacity-disabled)`) — Opacity of a band or legend row whose `segments` entry sets `disabled`. The band keeps its own colour -- it is still the datum it always was -- and loses only the affordances that promise activation."}},{"name":"--lr-context-meter-legend-swatch-size","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch."}},{"name":"--lr-context-meter-segment-color","description":{"kind":"markdown","value":"`<lr-context-meter>` — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge. The matching `[part=\"legend-swatch\"]` reads the same property, so a swatch can never disagree with the band it stands for."}},{"name":"--lr-context-meter-segment-seam-color","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-color-surface)`) — Color of the hairline seam painted between adjacent `bar`-shape segments."}},{"name":"--lr-context-meter-selected-arc-stroke","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `16`) — Stroke width, in this component's `0 0 100 100` viewBox units, of a selected `ring`-shape arc. Arcs share one bounding box, so a selected arc reports itself by thickening in place rather than by an outline that would trace the whole ring."}},{"name":"--lr-context-meter-selected-ring-color","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-color-text)`) — Colour of the inset ring marking a `bar`-shape band or a legend row whose index is in `selectedIndices`. Painted inside the shadow root because the state lives in the part name, and as a ring rather than an outline so it composes with the hover/press/focus outlines instead of being replaced by them."}},{"name":"--lr-context-meter-selected-ring-width","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-border-width-thick)`) — Width of that selected ring."}},{"name":"--lr-context-meter-track-bg","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `color-mix(in srgb, var(--lr-color-border) 30%, transparent)`) — Background of the unfilled remainder of the `bar`-shape track."}},{"name":"--lr-context-meter-track-radius","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `calc(var(--lr-radius) * 0.5)`) — Corner radius of the `bar`-shape track."}},{"name":"--lr-context-meter-track-size","description":{"kind":"markdown","value":"`<lr-context-meter>` (default: `var(--lr-size-0-5rem)`) — Block size (thickness) of the `bar`-shape track, and therefore of its filled segments."}},{"name":"--lr-control-group-gap","description":{"kind":"markdown","value":"`<lr-control-group>` (default: `var(--lr-space-xs)`) — Gap between grouped controls."}},{"name":"--lr-conversation-item-active-bg","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. Contrast-sensitive: it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the label, which is not restyled by the pair)."}},{"name":"--lr-conversation-item-active-color","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. Contrast-sensitive: it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."}},{"name":"--lr-conversation-item-active-indicator-color","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-active-indicator-inset-inline","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-conversation-item-active-indicator-width","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-align","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `flex-start`) — Cross-axis alignment of `[part=\"base\"]` and `[part=\"select-button\"]`. `flex-start` (the default) suits the common multi-line row (a title plus an `excerpt`); `center` reads better for a reliably single-line row with a taller trailing action (e.g. `actions`), but is not the default because it would misalign every existing multi-line row's title against its own baseline."}},{"name":"--lr-conversation-item-compact-gap","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."}},{"name":"--lr-conversation-item-compact-padding","description":{"kind":"markdown","value":"`<lr-conversation-item>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-csv-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-csv-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-csv-viewer-max-height","description":{"kind":"markdown","value":"`<lr-csv-viewer>` (default: `none`) — Maximum block size allocated to `[part=\"body\"]`; the nested virtual-list scrolls data rows within the remainder below the persistent header. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-dashboard-grid-cell-hover-outline-color","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-color-border-strong)`) — Outline color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out."}},{"name":"--lr-dashboard-grid-collision-outline-color","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-color-danger)`) — Outline color of a cell whose current drag/resize preview collides with another cell."}},{"name":"--lr-dashboard-grid-columns","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `12`) — Author override for the column count; otherwise the normalized `columns` property supplies the computed value."}},{"name":"--lr-dashboard-grid-gap","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `8px`) — Author override for the gap between cells; otherwise the normalized `gap` property supplies a pixel value."}},{"name":"--lr-dashboard-grid-interaction-shadow","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `var(--lr-shadow-m)`) — Box shadow applied to a cell for the duration of its pointer drag or resize interaction."}},{"name":"--lr-dashboard-grid-row-height","description":{"kind":"markdown","value":"`<lr-dashboard-grid>` (default: `80px`) — Author override for row track height; otherwise the normalized `rowHeight` property supplies a pixel value."}},{"name":"--lr-data-grid-cell-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `inherit`) — Text colour of body cells."}},{"name":"--lr-data-grid-cell-link-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand)`) — Colour of anchors returned by a column formatter or row detail renderer. These render inside the grid's shadow root, beyond the reach of page CSS. Set `revert` to restore the user-agent default."}},{"name":"--lr-data-grid-cell-link-hover-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-data-grid-cell-link-color,var(--lr-color-brand))`) — Colour of those anchors on hover, focus-visible, and active interaction."}},{"name":"--lr-data-grid-control-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed background for grid controls."}},{"name":"--lr-data-grid-control-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered background for grid controls."}},{"name":"--lr-data-grid-page-size-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed page-size selector background."}},{"name":"--lr-data-grid-row-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed data-row background."}},{"name":"--lr-data-grid-sortable-header-active-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Pressed sortable-header background."}},{"name":"--lr-data-grid-sortable-header-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered sortable-header background."}},{"name":"--lr-dataset-viewer-header-row-bg","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"header-row\"]`, independent of the highlight outline above."}},{"name":"--lr-dataset-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-dataset-viewer-max-height","description":{"kind":"markdown","value":"`<lr-dataset-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`. `scrollMode='page'` deliberately ignores the cap and hands both axes to page flow so the sticky header can use the page scrollport."}},{"name":"--lr-date-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `color-mix(...)`) — Clear/calendar action background while pressed."}},{"name":"--lr-date-input-action-active-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-action-hover-color,var(--lr-color-text))`) — Clear/calendar action color while pressed."}},{"name":"--lr-date-input-action-active-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius while pressed."}},{"name":"--lr-date-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `transparent`) — Clear/calendar action background on hover."}},{"name":"--lr-date-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-text)`) — Clear/calendar action color on hover."}},{"name":"--lr-date-input-action-hover-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius on hover."}},{"name":"--lr-date-input-border-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row, `transparent` by default on the `filled` treatment."}},{"name":"--lr-date-input-control-height","description":{"kind":"markdown","value":"`<lr-date-input>` — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."}},{"name":"--lr-date-input-control-min-height","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-height)`) — Minimum block size of the input row, read from the shared form-control height ladder so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together. The smallest tiers can grow to fit the action buttons' 24px minimum and row borders."}},{"name":"--lr-date-input-fill","description":{"kind":"markdown","value":"`<lr-date-input>`* (default: `var(--lr-color-surface)`) — Resting background of the input row. The `filled`/`filled-outlined` treatments default it to `--lr-color-surface-raised`; a value set here wins over every treatment."}},{"name":"--lr-date-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-date-input-font-size","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-font-size)`) — Font size of the text input, scaled by `size`."}},{"name":"--lr-date-input-gap","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-space-xs)`) — Gap between input-row children."}},{"name":"--lr-date-input-padding-block","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-padding-block)`) — Text input block padding, scaled by `size`."}},{"name":"--lr-date-input-padding-inline","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-placeholder-color","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-color-text-quiet)`) — Placeholder text color."}},{"name":"--lr-date-input-radius","description":{"kind":"markdown","value":"`<lr-date-input>` (default: `var(--lr-radius)`) — Input-row corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-date-picker-day-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-date-picker-day-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-date-picker-day-outside-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text-quiet)`) — Adjacent-month day color."}},{"name":"--lr-date-picker-disabled-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text-quiet)`) — Disabled day text color."}},{"name":"--lr-date-picker-disabled-opacity","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-opacity-disabled)`) — Disabled day opacity."}},{"name":"--lr-date-picker-header-gap","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-space-s)`) — Month-header child gap."}},{"name":"--lr-date-picker-month-gap","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-space-l)`) — Gap between visible months."}},{"name":"--lr-date-picker-nav-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed month-navigation background."}},{"name":"--lr-date-picker-nav-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `[part=\"previous\"]`/`[part=\"next\"]` month-navigation buttons."}},{"name":"--lr-date-picker-preset-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` — Pressed background of a quick-range button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-date-picker-preset-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Hover background of a quick-range button."}},{"name":"--lr-date-picker-preset-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Background of the quick-range button whose range is currently selected."}},{"name":"--lr-date-picker-preset-selected-border","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Border color of the selected quick-range button."}},{"name":"--lr-date-picker-preset-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Foreground color of the selected quick-range button."}},{"name":"--lr-date-picker-radius","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-radius)`) — Calendar and control corner radius."}},{"name":"--lr-date-picker-range-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Selected-range interior background."}},{"name":"--lr-date-picker-range-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-text)`) — Adjacent-month range text color."}},{"name":"--lr-date-picker-range-preview-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet))`) — Pending-range preview background."}},{"name":"--lr-date-picker-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Selected day/range-endpoint background."}},{"name":"--lr-date-picker-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Selected day/range-endpoint text color."}},{"name":"--lr-date-picker-title-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Pressed title background."}},{"name":"--lr-date-picker-title-active-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Pressed title color."}},{"name":"--lr-date-picker-title-active-radius","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-date-picker-radius)`) — Pressed title corner radius."}},{"name":"--lr-date-picker-title-hover-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Hovered title color."}},{"name":"--lr-date-picker-today-outline","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Today outline color."}},{"name":"--lr-date-picker-view-active-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `color-mix(in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Selection-view item pressed background."}},{"name":"--lr-date-picker-view-disabled-opacity","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-opacity-disabled)`) — Disabled selection-view item opacity."}},{"name":"--lr-date-picker-view-hover-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand-quiet)`) — Selection-view item hover background."}},{"name":"--lr-date-picker-view-selected-bg","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Selected selection-view item background."}},{"name":"--lr-date-picker-view-selected-color","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-on-brand)`) — Selected selection-view item text color."}},{"name":"--lr-date-picker-view-today-outline","description":{"kind":"markdown","value":"`<lr-date-picker>` (default: `var(--lr-color-brand)`) — Current-period selection-view outline."}},{"name":"--lr-details-content-padding-block-end","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Panel content's trailing block padding, independently tunable from the summary's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-details-content-padding-inline","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Panel content's inline padding, independently tunable from the summary's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-details-filled-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Filled surface background."}},{"name":"--lr-details-filled-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `transparent`) — Filled border color."}},{"name":"--lr-details-filled-outlined-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Filled-outlined surface background."}},{"name":"--lr-details-filled-outlined-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-details-font-size","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-form-control-font-size)`) — Text size of the summary and the panel. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-details-gap","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-space-s)`) — Gap between summary content and its icon."}},{"name":"--lr-details-outlined-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-surface)`) — Outlined surface background."}},{"name":"--lr-details-outlined-border-color","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-details-radius","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-radius)`) — Disclosure surface corner radius."}},{"name":"--lr-details-spacing","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-form-control-padding-inline)`) — Block rhythm: the summary's block padding and the panel's trailing padding, kept equal so a stack of disclosures reads evenly. Its private default follows the shared ladder's inline-padding knob, whose values suit a stacked panel; the ladder's own block padding exists to fit text inside a fixed control height and would collapse the summary row. An inherited or direct public value remains authoritative."}},{"name":"--lr-details-summary-active-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `color-mix(...)`) — Summary pressed background."}},{"name":"--lr-details-summary-hover-bg","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-color-brand-quiet)`) — Summary hover background."}},{"name":"--lr-details-summary-padding-block","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Summary block padding (top/bottom), independently tunable from the panel content's own padding. Falls through to `--lr-details-spacing` (and its private ladder default) when unset, so an un-set disclosure renders unchanged, mirroring how `--lr-details-gap`/`--lr-details-radius` are already independent of each other."}},{"name":"--lr-details-summary-padding-inline","description":{"kind":"markdown","value":"`<lr-details>` (default: `var(--lr-details-spacing)`) — Summary inline padding (start/end), independently tunable from the panel content's own padding. Same fallback chain as `--lr-details-summary-padding-block`."}},{"name":"--lr-dialog-backdrop-duration","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-duration-fast)`) — Duration of the backdrop's fade."}},{"name":"--lr-dialog-backdrop-filter","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `none`) — `backdrop-filter` applied to the scrim, for a frosted-glass treatment over the page behind it."}},{"name":"--lr-dialog-height","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `auto`) — Assertive block size for the panel, mirroring `--lr-dialog-width` on the other axis. Left at `auto` the panel shrink-wraps to its content, unchanged from before this property existed; always capped at `100%` (the viewport) like every other panel dimension. With it set, `body`'s own `flex: 1 1 auto` is what actually gives slotted content a definite, fillable block size -- `header` and `footer` keep their natural size and only `body` grows or shrinks into the remaining space."}},{"name":"--lr-dialog-max-width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-width, var(--_lr-dialog-max-width))`) — Cap on the panel's inline size. Falls back to `--lr-dialog-width` when that is set, so an assertive width is not clipped by the tier default; the viewport (`100%`) is always a hard limit on top. The innermost fallback steps with `size` across the shared six-step ladder (`20rem` at `2xs` up to `48rem` at `xl`, `32rem` unchanged at the `m` default) -- an inherited or direct value here still wins outright over every tier."}},{"name":"--lr-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-dialog-panel-duration","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-duration-base)`) — Duration of the panel's enter/exit animation."}},{"name":"--lr-dialog-spacing","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-space-l)`) — Padding inside the body, and the inline padding of the header and footer rows."}},{"name":"--lr-dialog-spacing-block","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-space-m)`) — Block padding of the header and footer rows, which are tighter than the body by default."}},{"name":"--lr-dialog-width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `auto`) — Assertive inline size for the panel. Left at `auto` the panel shrink-wraps to its content."}},{"name":"--lr-diff-view-add-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-success-quiet)`) — Added-line background."}},{"name":"--lr-diff-view-add-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-success)`) — Added-line text color."}},{"name":"--lr-diff-view-fold-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-surface-raised)`) — Fold-marker background."}},{"name":"--lr-diff-view-fold-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-text-quiet)`) — Fold-marker text color."}},{"name":"--lr-diff-view-font","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-font-mono)`) — Font family used for the diff lines."}},{"name":"--lr-diff-view-max-height","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the view scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-diff-view-remove-background","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-danger-quiet)`) — Removed-line background."}},{"name":"--lr-diff-view-remove-color","description":{"kind":"markdown","value":"`<lr-diff-view>` (default: `var(--lr-color-danger)`) — Removed-line text color."}},{"name":"--lr-dock-panel-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand-quiet)`) — Background of `collapse-toggle` on hover; also feeds its pressed background via `color-mix()`."}},{"name":"--lr-dock-panel-collapse-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand)`) — Text/icon color of `collapse-toggle` on hover, reused verbatim for its pressed color too."}},{"name":"--lr-dock-panel-collapsed-size","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-icon-button-size)`) — The extent the panel keeps along its resize axis while `collapsed` -- enough to still host the toggle button that re-expands it."}},{"name":"--lr-dock-panel-handle-active-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `color-mix(in oklab, var(--lr-dock-panel-handle-hover-color, var(--lr-color-brand)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of `handle` while actively dragged/pressed."}},{"name":"--lr-dock-panel-handle-hover-color","description":{"kind":"markdown","value":"`<lr-dock-panel>` (default: `var(--lr-color-brand)`) — Background of `handle` on hover and keyboard focus -- scoped separately from `collapse-toggle`'s own hover tokens above even though both default to the same brand token, since the two serve unrelated purposes (drag affordance vs. button feedback)."}},{"name":"--lr-document-compare-pane-max-height","description":{"kind":"markdown","value":"`<lr-document-compare>` (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."}},{"name":"--lr-document-preview-active-border","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."}},{"name":"--lr-document-preview-download-link-active-bg","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the generic download link."}},{"name":"--lr-document-preview-download-link-hover-bg","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the generic download link."}},{"name":"--lr-document-preview-font","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-font-mono)`) — Font used for plain-text previews."}},{"name":"--lr-document-preview-highlight-accent-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-danger-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-neutral-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-success-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-warning-color","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-document-preview-max-height","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `none`) — Maximum body block size before the preview scrolls internally."}},{"name":"--lr-document-preview-progress","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `0`) — Unitless 0-100 completion of the determinate loading ring (multiplied by `1%` in its conic gradient). Written inline by the component from the clamped `progress` value, so it is a read-out rather than a consumer knob."}},{"name":"--lr-document-preview-spin-duration","description":{"kind":"markdown","value":"`<lr-document-preview>` (default: `var(--lr-transition-ambient)`) — Timing of one indeterminate loading-indicator rotation."}},{"name":"--lr-document-viewer-download-link-active-bg","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the download link."}},{"name":"--lr-document-viewer-download-link-hover-bg","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the download link."}},{"name":"--lr-document-viewer-max-height","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."}},{"name":"--lr-document-viewer-min-height","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `var(--lr-size-12rem)`) — Minimum block size of the dialog body before it grows to fit content."}},{"name":"--lr-document-viewer-width","description":{"kind":"markdown","value":"`<lr-document-viewer>` (default: `auto`) — Assertive inline size for the nested dialog panel, forwarded to `<lr-dialog>`'s own `--lr-dialog-width`. Left at `auto` the panel shrink-wraps to content, capped by the dialog's own `--lr-dialog-max-width` tier -- set this instead of reaching through to `--lr-dialog-width` directly, which remains an internal implementation detail of the nested dialog."}},{"name":"--lr-docx-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Accent highlight background."}},{"name":"--lr-docx-viewer-highlight-active-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active highlight background."}},{"name":"--lr-docx-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active fallback-highlight outline."}},{"name":"--lr-docx-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Danger highlight background."}},{"name":"--lr-docx-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Neutral highlight background."}},{"name":"--lr-docx-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Success highlight background."}},{"name":"--lr-docx-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Warning highlight background."}},{"name":"--lr-docx-viewer-max-height","description":{"kind":"markdown","value":"`<lr-docx-viewer>` (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-docx-viewer-search-match-active-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active search-match background."}},{"name":"--lr-docx-viewer-search-match-active-foreground","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Active search-match foreground."}},{"name":"--lr-docx-viewer-search-match-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` — Search-match background."}},{"name":"--lr-docx-viewer-table-header-background","description":{"kind":"markdown","value":"`<lr-docx-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of a rendered document table's header row (`th`), independent of the highlight backgrounds below."}},{"name":"--lr-drawer-enter-x","description":{"kind":"markdown","value":"`<lr-drawer>` (default: `calc(-1 * var(--lr-size-1rem))`) — Horizontal offset the panel slides in from, and back out to, for start/end drawers. Its private default changes per placement (and flips under RTL); an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-enter-y","description":{"kind":"markdown","value":"`<lr-drawer>` (default: `calc(-1 * var(--lr-size-1rem))`) — Vertical offset the panel slides in from, and back out to, for top/bottom drawers. Its private default becomes `var(--lr-size-1rem)` for `bottom`; an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-height","description":{"kind":"markdown","value":"`<lr-drawer>` — Block size for top/bottom drawers."}},{"name":"--lr-drawer-width","description":{"kind":"markdown","value":"`<lr-drawer>` — Inline size for start/end drawers."}},{"name":"--lr-drop-zone-accept-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-success) 12%, transparent)`) — Background of `[part=\"overlay\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-drop-zone-accept-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-success)`) — Border color of `[part=\"overlay\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-drop-zone-overlay-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-brand) 8%, transparent)`) — Fill of `[part=\"overlay\"]` in that same neutral drag state."}},{"name":"--lr-drop-zone-overlay-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-brand)`) — Dashed border color of `[part=\"overlay\"]` in its neutral drag state, before an accept or reject verdict."}},{"name":"--lr-drop-zone-overlay-font-size","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-font-size-md-sm)`) — Overlay instructional text size."}},{"name":"--lr-drop-zone-overlay-gap","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-space-xs)`) — Gap between the overlay icon and text."}},{"name":"--lr-drop-zone-overlay-icon-size","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-font-size-xl)`) — `[part=\"overlay-icon\"]` glyph size."}},{"name":"--lr-drop-zone-radius","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-radius)`) — Corner radius of `[part=\"overlay\"]`."}},{"name":"--lr-drop-zone-reject-bg","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `color-mix(in srgb, var(--lr-color-danger) 12%, transparent)`) — Background of `[part=\"overlay\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-drop-zone-reject-border-color","description":{"kind":"markdown","value":"`<lr-drop-zone>` (default: `var(--lr-color-danger)`) — Border color of `[part=\"overlay\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-duration-ambient","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration ambient. Reads `--lr-theme-duration-slow`."}},{"name":"--lr-duration-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration base. Reads `--lr-theme-duration-normal`."}},{"name":"--lr-duration-fast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration fast. Reads `--lr-theme-duration-fast`."}},{"name":"--lr-duration-icon","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for duration icon. Reads `--lr-theme-duration-icon`."}},{"name":"--lr-easing-emphasized","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing emphasized. Reads `--lr-theme-easing-emphasized`."}},{"name":"--lr-easing-linear","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing linear. Reads `--lr-theme-easing-linear`."}},{"name":"--lr-easing-standard","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for easing standard. Reads `--lr-theme-easing-standard`."}},{"name":"--lr-ebook-viewer-max-height","description":{"kind":"markdown","value":"`<lr-ebook-viewer>` (default: `none`) — Maximum block size of the mount area epub.js renders into, before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-email-viewer-max-height","description":{"kind":"markdown","value":"`<lr-email-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-embedding-explorer-height","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `360px`) — The plot's `block-size`. Set on the host from the `height` property, whose default supplies the `360px`; a value the browser cannot parse as a `block-size` is dropped, leaving the `viewBox`-derived aspect-ratio size. A consumer's own `::part(plot) { block-size: ... }` rule still overrides it, and the narrow-allocation `min-block-size` floor still raises it."}},{"name":"--lr-embedding-explorer-selected-stroke","description":{"kind":"markdown","value":"`<lr-embedding-explorer>` (default: `var(--lr-color-brand)`) — Stroke color of the selected point."}},{"name":"--lr-emoji-picker-active-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand-quiet)`) — Compatibility fallback background for hover and roving-active states."}},{"name":"--lr-emoji-picker-control-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Gap between field sections."}},{"name":"--lr-emoji-picker-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."}},{"name":"--lr-emoji-picker-glyph-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."}},{"name":"--lr-emoji-picker-hover-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Pointer-hover background. The legacy `--lr-emoji-picker-active-bg` remains its fallback."}},{"name":"--lr-emoji-picker-item-radius","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-radius-xs)`) — Search and emoji corner radius."}},{"name":"--lr-emoji-picker-item-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Floored at the shared `--lr-icon-button-size`; small size tiers scale the glyph without shrinking the interactive target."}},{"name":"--lr-emoji-picker-keyboard-active-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Roving keyboard/pointer-active background."}},{"name":"--lr-emoji-picker-keyboard-active-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color for the roving keyboard-active emoji."}},{"name":"--lr-emoji-picker-pressed-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `color-mix(...)`) — Pointer-pressed background."}},{"name":"--lr-emoji-picker-pressed-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color while an emoji button is being pointer-pressed."}},{"name":"--lr-emoji-picker-radius","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-radius)`) — Outer picker corner radius."}},{"name":"--lr-emoji-picker-row-height","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l))`) — One windowed row's height. Must stay at or above the item size plus the group-label band, or consecutive absolutely-positioned rows overlap."}},{"name":"--lr-emoji-picker-search-border-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-border)`) — Resting search border color, independent of the hover color below."}},{"name":"--lr-emoji-picker-search-clear-gap","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Gap between the search field and the clear button inside `search-wrapper`."}},{"name":"--lr-emoji-picker-search-fill","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-surface)`) — Resting search background."}},{"name":"--lr-emoji-picker-search-font-size","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `inherit`) — Text size of the filter field."}},{"name":"--lr-emoji-picker-search-hover-border-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Search hover border."}},{"name":"--lr-emoji-picker-search-min-height","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `auto`) — Minimum row height of the filter field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line the picker's own field up with the rest of an application's controls. `size` does not drive it: on this component `size` scales the emoji glyph and item box, not the form-control ladder."}},{"name":"--lr-emoji-picker-search-padding-block","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-xs)`) — Block gutter of the filter field."}},{"name":"--lr-emoji-picker-search-padding-inline","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-space-s)`) — Inline gutter of the filter field."}},{"name":"--lr-emoji-picker-selected-bg","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand-quiet)`) — Committed-value background."}},{"name":"--lr-emoji-picker-selected-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-text)`) — Committed-value foreground."}},{"name":"--lr-emoji-picker-selected-outline-color","description":{"kind":"markdown","value":"`<lr-emoji-picker>` (default: `var(--lr-color-brand)`) — Outline color for the committed selection."}},{"name":"--lr-empty-compact-align","description":{"kind":"markdown","value":"`<lr-empty>` — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."}},{"name":"--lr-empty-compact-font-size","description":{"kind":"markdown","value":"`<lr-empty>` — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."}},{"name":"--lr-empty-compact-gap","description":{"kind":"markdown","value":"`<lr-empty>` (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."}},{"name":"--lr-empty-compact-padding","description":{"kind":"markdown","value":"`<lr-empty>` (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."}},{"name":"--lr-entity-card-bg","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-color-surface)`) — Resting background of `[part=\"base\"]`. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-entity-card-compact-gap","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-entity-card-compact-padding","description":{"kind":"markdown","value":"`<lr-entity-card>` (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-entity-chip-bg","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `var(--lr-color-brand-quiet)`) — Background color."}},{"name":"--lr-entity-chip-border","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `transparent`) — Border color of the chip."}},{"name":"--lr-entity-chip-color","description":{"kind":"markdown","value":"`<lr-entity-chip>` (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."}},{"name":"--lr-env-list-reveal-active-bg","description":{"kind":"markdown","value":"`<lr-env-list>` (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."}},{"name":"--lr-env-list-reveal-active-border","description":{"kind":"markdown","value":"`<lr-env-list>` (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-eval-dataset-search-font-size","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-eval-dataset-search-min-height","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `auto`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line this field up with the rest of an application's controls."}},{"name":"--lr-eval-dataset-search-padding-block","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-space-xs)`) — Block gutter of the search field."}},{"name":"--lr-eval-dataset-search-padding-inline","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-space-s)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-eval-dataset-search-radius","description":{"kind":"markdown","value":"`<lr-eval-dataset>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-file-icon-bg","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-color-brand-quiet)`) — Background of the `icon` part. Every file category renders the same fill; retint it without hijacking `--lr-color-brand-quiet` library-wide."}},{"name":"--lr-file-icon-color","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-color-brand)`) — Text/glyph color of the `icon` part."}},{"name":"--lr-file-icon-size","description":{"kind":"markdown","value":"`<lr-file-icon>` (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."}},{"name":"--lr-file-input-accept-bg","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-accept-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-success)`) — Border color of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-compact-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."}},{"name":"--lr-file-input-compact-gap","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."}},{"name":"--lr-file-input-compact-padding","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-s)`) — `[part~=\"base\"]` padding while `compact`."}},{"name":"--lr-file-input-detail-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-sm)`) — Size of the secondary text: the hint, the validation error, and each selected file's formatted size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-border)`) — Resting dropzone border color. The dashed border style is unchanged."}},{"name":"--lr-file-input-dropzone-fill","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-surface)`) — Resting dropzone background, the state it spends most of its life in. The drag accept/reject tints have had their own hooks since 12.0.0; this one completes the set."}},{"name":"--lr-file-input-dropzone-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-md-sm)`) — Instructional text size inside the dropzone. Retuned per `size` tier; the documented default is the `m`/`medium` tier."}},{"name":"--lr-file-input-dropzone-hover-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-brand)`) — Dropzone border color while the pointer is over it, whether over the button or over the content stacked on it."}},{"name":"--lr-file-input-dropzone-icon-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-font-size-xl)`) — `[part=\"dropzone-icon\"]` glyph size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-padding","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-l)`) — Padding inside `[part~=\"base\"]` and the stacked dropzone content. Retuned per `size` tier; `compact` overrides it."}},{"name":"--lr-file-input-font-size","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-form-control-font-size)`) — Label and selected-filename text size; tracks the shared `size` ladder."}},{"name":"--lr-file-input-gap","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-space-xs)`) — Gap between the dropzone's slotted children. While `compact`, this is the fallback when `--lr-file-input-compact-gap` is unset."}},{"name":"--lr-file-input-radius","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-radius)`) — Corner radius of `[part~=\"base\"]`."}},{"name":"--lr-file-input-reject-bg","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-file-input-reject-border-color","description":{"kind":"markdown","value":"`<lr-file-input>` (default: `var(--lr-color-danger)`) — Border color of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-filter-bar-field-basis","description":{"kind":"markdown","value":"`<lr-filter-bar>` (default: `var(--lr-size-12rem)`) — Flex-basis of each filter's `field` wrapper, controlling how many fields fit per row before the row wraps."}},{"name":"--lr-filter-bar-gap","description":{"kind":"markdown","value":"`<lr-filter-bar>` (default: `var(--lr-space-s)`) — Gap between filter fields, the `end` slot, the reset button, and the loading status in the `controls` row."}},{"name":"--lr-flag-aspect-ratio","description":{"kind":"markdown","value":"`<lr-flag>` (default: `4 / 3`) — Rectangular flag aspect ratio."}},{"name":"--lr-flag-object-fit","description":{"kind":"markdown","value":"`<lr-flag>` (default: `cover`) — How the image fits its flag frame."}},{"name":"--lr-flag-radius","description":{"kind":"markdown","value":"`<lr-flag>` — Rectangular flag corner radius."}},{"name":"--lr-flow-canvas-connection-line-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Stroke color of `[part=\"connection-line\"]`, the in-progress connect-gesture path drawn while dragging a new connection, independent of a finished edge's own `--lr-flow-canvas-edge--color`."}},{"name":"--lr-flow-canvas-drop-active-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>`* (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."}},{"name":"--lr-flow-canvas-edge-brand-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Brand edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-danger-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-danger)`) — Danger edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-neutral-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-border)`) — Neutral edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-success-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-success)`) — Success edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-warning-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-warning)`) — Warning edge and arrowhead color."}},{"name":"--lr-flow-canvas-grid-size","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-size-0-5rem)`) — Dotted background spacing. The `grid` property supplies the fallback when this hook is unset; an element or ancestor hook takes precedence."}},{"name":"--lr-flow-canvas-march-duration","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-duration-ambient)`) — Running-edge march animation duration."}},{"name":"--lr-flow-canvas-node-connect-invalid-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-selected-outline-color` above."}},{"name":"--lr-flow-canvas-node-connect-target-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."}},{"name":"--lr-flow-canvas-node-disabled-opacity","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-opacity-disabled)`) — Opacity of a node whose `FlowNode` entry sets `disabled`."}},{"name":"--lr-flow-canvas-node-hover-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-border-strong)`) — Outline color of a node's mouse-hover preview of its own `:focus-visible` ring. Unlike the four state-scoped colors above this one is `:hover`-gated rather than attribute-gated, so a `::part(node):hover` override would lose to this rule's own higher internal specificity rather than to the `::part()[attr]` restriction those four work around. Set to `transparent` to opt out."}},{"name":"--lr-flow-canvas-node-selected-outline-color","description":{"kind":"markdown","value":"`<lr-flow-canvas>` (default: `var(--lr-color-brand)`) — Outline color of a selected node."}},{"name":"--lr-flow-controls-lock-active-color","description":{"kind":"markdown","value":"`<lr-flow-controls>` (default: `var(--lr-color-brand)`) — Pressed lock-button foreground."}},{"name":"--lr-flow-minimap-block-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-size-8rem)`) — Map block size."}},{"name":"--lr-flow-minimap-inline-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-size-12rem)`) — Map inline size."}},{"name":"--lr-flow-minimap-viewport-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-brand)`) — Fill (mixed 15% into transparent) and stroke of `[part=\"viewport\"]`, the rectangle showing the canvas's visible area, independent of the per-status node fills above."}},{"name":"--lr-flow-minimap-viewport-min-size","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-icon-button-size)`) — Smallest rendered size, in physical pixels, of the transparent `viewport-hit-area` along either axis. On a canvas whose node bounds dwarf the visible viewport the raw rectangle collapses to a few pixels, which leaves the only pointer-drag handle for panning effectively unclickable; the floor grows it symmetrically about its own centre so it still points at what the viewport shows. The visible `viewport` stays exact. Defaults to Lyra's 40px interaction floor; set `0` to opt out."}},{"name":"--lr-flow-node-compact-gap","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."}},{"name":"--lr-flow-node-compact-padding","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."}},{"name":"--lr-flow-node-min-inline-size","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."}},{"name":"--lr-flow-node-progress-fill-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Determinate progress fill color, independent from the track and other brand-colored states."}},{"name":"--lr-flow-node-progress-track-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-border)`) — Determinate progress track color."}},{"name":"--lr-flow-node-running-border","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-outline-color` so a consumer can retint just one of the two states without the other following along."}},{"name":"--lr-flow-node-running-glow","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."}},{"name":"--lr-flow-node-selected-outline-color","description":{"kind":"markdown","value":"`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Outline color of the card while `selected`. The outline stays independent from execution-state border and glow."}},{"name":"--lr-flow-status-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-border-strong)`) — Fill of nodes without an execution status.\n\n`<lr-flow-node>` (default: `var(--lr-color-border-strong)`) — Status-dot color when no execution status is set.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-border-strong)`) — Count-dot color when no execution status is set."}},{"name":"--lr-flow-status-denied-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-warning)`) — Denied-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-warning)`) — Denied status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-warning)`) — Denied count-dot color."}},{"name":"--lr-flow-status-error-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-danger)`) — Failed-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-danger)`) — Error status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-danger)`) — Error count-dot color."}},{"name":"--lr-flow-status-pending-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-border-strong)`) — Pending-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-border-strong)`) — Pending status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-border-strong)`) — Pending count-dot color."}},{"name":"--lr-flow-status-running-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-brand)`) — Running-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-brand)`) — Running status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-brand)`) — Running count-dot color."}},{"name":"--lr-flow-status-success-color","description":{"kind":"markdown","value":"`<lr-flow-minimap>` (default: `var(--lr-color-success)`) — Successful-node fill.\n\n`<lr-flow-node>` (default: `var(--lr-color-success)`) — Success status-dot color.\n\n`<lr-flow-run-status>` (default: `var(--lr-color-success)`) — Success count-dot color."}},{"name":"--lr-focus-ring","description":{"kind":"markdown","value":"Shared design token — Composite focus-ring outline shorthand, derived from the width and color parts. Mirrors the ready-made outline value Web Awesome exposes as --wa-focus-ring so a migrating consumer has a one-to-one target instead of hand-expanding every site. Offset stays separate because outline-offset is its own property."}},{"name":"--lr-focus-ring-color","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring color. Reads `--lr-theme-color-focus`."}},{"name":"--lr-focus-ring-offset","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring offset. Reads `--lr-theme-focus-ring-offset`."}},{"name":"--lr-focus-ring-width","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for focus ring width. Reads `--lr-theme-focus-ring-width`."}},{"name":"--lr-font","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font. Reads `--lr-theme-font-family-body`."}},{"name":"--lr-font-mono","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font mono. Reads `--lr-theme-font-family-mono`."}},{"name":"--lr-font-size-2xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 2xl. Reads `--lr-theme-font-size-2xl`."}},{"name":"--lr-font-size-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 2xs. Reads `--lr-theme-font-size-2xs`."}},{"name":"--lr-font-size-3xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 3xl. Reads `--lr-theme-font-size-3xl`."}},{"name":"--lr-font-size-3xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size 3xs. Reads `--lr-theme-font-size-3xs`."}},{"name":"--lr-font-size-lg","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size lg. Reads `--lr-theme-font-size-lg`."}},{"name":"--lr-font-size-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size m. Reads `--lr-theme-font-size-m`."}},{"name":"--lr-font-size-md-sm","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size md sm. Reads `--lr-theme-font-size-md-sm`."}},{"name":"--lr-font-size-sm","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size sm. Reads `--lr-theme-font-size-sm`."}},{"name":"--lr-font-size-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size xl. Reads `--lr-theme-font-size-xl`."}},{"name":"--lr-font-size-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font size xs. Reads `--lr-theme-font-size-xs`."}},{"name":"--lr-font-weight-bold","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight bold. Reads `--lr-theme-font-weight-bold`."}},{"name":"--lr-font-weight-medium","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight medium. Reads `--lr-theme-font-weight-medium`."}},{"name":"--lr-font-weight-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight normal. Reads `--lr-theme-font-weight-normal`."}},{"name":"--lr-font-weight-semibold","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for font weight semibold. Reads `--lr-theme-font-weight-semibold`."}},{"name":"--lr-form-control-focus-shadow","description":{"kind":"markdown","value":"`<lr-combobox>`, `<lr-date-input>`, `<lr-file-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-phone-input>`, `<lr-select>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-token-input>` (default: `none`) — The shared field focus halo, painted as a `box-shadow` while this control is focused. One name for every field-shaped control in the library, so a halo is configured once rather than per component. Additive: the focus outline and border cue are the accessibility answer to focus and are never replaced by it."}},{"name":"--lr-form-control-height-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height 2xs. Reads `--lr-theme-form-control-height-2xs`."}},{"name":"--lr-form-control-height-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height l. Reads `--lr-theme-form-control-height-l`."}},{"name":"--lr-form-control-height-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height m. Reads `--lr-theme-form-control-height-m`."}},{"name":"--lr-form-control-height-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height s. Reads `--lr-theme-form-control-height-s`."}},{"name":"--lr-form-control-height-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height xl. Reads `--lr-theme-form-control-height-xl`."}},{"name":"--lr-form-control-height-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control height xs. Reads `--lr-theme-form-control-height-xs`."}},{"name":"--lr-form-control-radius","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for form control radius; falls back to the shared corner radius when no per-control-family override is set. Reads `--lr-theme-form-control-radius`."}},{"name":"--lr-form-control-required-color","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>` (default: `var(--lr-color-danger)`) — Required-marker color, themeable independently of error text and invalid borders.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>` (default: `var(--lr-color-danger)`) — Color of that marker, retunable without touching any other danger-coloured surface.\n\n`<lr-rubric-form>` (default: `var(--lr-color-danger)`) — Color of that marker, independently retunable from field errors."}},{"name":"--lr-form-control-required-content","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>` (default: `' '`) — The required marker appended to `form-control-label` while `required` is set. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`* (default: `' '`) — The required-field marker rendered after the label. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n`<lr-known-date>`* (default: `' '`) — The required-field marker, rendered after the `legend` box. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n`<lr-rubric-form>`* (default: `' '`) — Required-field marker after rubric-owned score and unsupported-field labels. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n`<lr-tool-param-form>`* (default: `' '`) — The required-field marker rendered after the `label` part of every field whose key is listed in the schema's `required` array — per field here, not per host, because this control's value is a whole object. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here."}},{"name":"--lr-form-control-required-offset","description":{"kind":"markdown","value":"`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`* (default: `0`) — Inline space between the label text and the required marker.\n\n`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>` (default: `0`) — Inline space between the label text and the marker.\n\n`<lr-rubric-form>` (default: `0`) — Inline space between the label text and marker."}},{"name":"--lr-funnel-bar-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-brand)`) — Fill of every stage bar that has no own color."}},{"name":"--lr-funnel-bar-size","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-size-1-5rem)`) — Thickness of a stage's track."}},{"name":"--lr-funnel-comparison-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-border-strong)`) — Outline of the comparison bars."}},{"name":"--lr-funnel-track-color","description":{"kind":"markdown","value":"`<lr-funnel>` (default: `var(--lr-color-surface-raised)`) — Background of the bar track."}},{"name":"--lr-gauge-fill","description":{"kind":"markdown","value":"`<lr-gauge>` (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges. The token default follows the effective variant -- `variant`, or the matching `thresholds` entry -- rather than always `brand`."}},{"name":"--lr-graph-cat-1","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-1,#8250df)`) — First categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 1. Reads `--lr-theme-graph-cat-1`."}},{"name":"--lr-graph-cat-2","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-2,#bf3989)`) — Second categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 2. Reads `--lr-theme-graph-cat-2`."}},{"name":"--lr-graph-cat-3","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-3,#0a7d91)`) — Third categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 3. Reads `--lr-theme-graph-cat-3`."}},{"name":"--lr-graph-cat-4","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-4,#57606a)`) — Fourth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 4. Reads `--lr-theme-graph-cat-4`."}},{"name":"--lr-graph-cat-5","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-5,#b083f5)`) — Fifth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 5. Reads `--lr-theme-graph-cat-5`."}},{"name":"--lr-graph-cat-6","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-6,#f470b8)`) — Sixth categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 6. Reads `--lr-theme-graph-cat-6`."}},{"name":"--lr-graph-cat-7","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-7,#52d6e8)`) — Seventh categorical fallback color for typed nodes.\n\nShared design token — Canonical shared component token for graph cat 7. Reads `--lr-theme-graph-cat-7`."}},{"name":"--lr-graph-cat-8","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-theme-graph-cat-8,#c9d1d9)`) — Eighth categorical fallback color for typed nodes; the palette wraps for later `nodeTypes` entries.\n\nShared design token — Canonical shared component token for graph cat 8. Reads `--lr-theme-graph-cat-8`."}},{"name":"--lr-graph-dimmed-opacity","description":{"kind":"markdown","value":"`<lr-graph>` (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."}},{"name":"--lr-graph-edge-label-halo","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."}},{"name":"--lr-graph-focus-halo-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."}},{"name":"--lr-graph-hull-fill","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — Hull fill/stroke color."}},{"name":"--lr-graph-hull-opacity","description":{"kind":"markdown","value":"`<lr-graph>` (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary). Applies to both SVG and canvas renderers."}},{"name":"--lr-graph-legend-hidden-color","description":{"kind":"markdown","value":"`<lr-graph-legend>` (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."}},{"name":"--lr-graph-legend-hidden-swatch-opacity","description":{"kind":"markdown","value":"`<lr-graph-legend>` (default: `0.5`) — Opacity of a filtered-out row's decorative swatch."}},{"name":"--lr-graph-query-builder-run-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Run button pressed background; defaults to the current brand active mix."}},{"name":"--lr-graph-query-builder-run-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand)`) — Run button resting background."}},{"name":"--lr-graph-query-builder-run-border-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand)`) — Run button resting border color."}},{"name":"--lr-graph-query-builder-run-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-on-brand)`) — Run button resting foreground."}},{"name":"--lr-graph-query-builder-run-hover-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Run button hover background; defaults to the current brand hover mix."}},{"name":"--lr-graph-query-builder-save-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Save button pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-graph-query-builder-save-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-surface)`) — Save button resting background."}},{"name":"--lr-graph-query-builder-save-border-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-border)`) — Save button resting border color."}},{"name":"--lr-graph-query-builder-save-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text)`) — Save button resting foreground."}},{"name":"--lr-graph-query-builder-save-hover-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-brand-quiet)`) — Save button hover background."}},{"name":"--lr-graph-query-builder-saved-delete-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-danger-quiet)`) — Saved-query delete pressed background."}},{"name":"--lr-graph-query-builder-saved-delete-active-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Saved-query delete pressed foreground; defaults to the current danger active mix."}},{"name":"--lr-graph-query-builder-saved-delete-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text-quiet)`) — Saved-query delete foreground."}},{"name":"--lr-graph-query-builder-saved-delete-hover-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-danger)`) — Saved-query delete hover foreground."}},{"name":"--lr-graph-query-builder-saved-load-active-bg","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` — Saved-query Load button pressed background; defaults to the current surface active mix."}},{"name":"--lr-graph-query-builder-saved-load-color","description":{"kind":"markdown","value":"`<lr-graph-query-builder>` (default: `var(--lr-color-text)`) — Saved-query Load button foreground."}},{"name":"--lr-graph-selected-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-success)`) — Selected node/link stroke."}},{"name":"--lr-heatmap-annotation-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-danger)`) — Border color for an annotated cell."}},{"name":"--lr-heatmap-color-steps-gradient","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `linear-gradient(to right, var(--lr-heatmap-scale-lo), var(--lr-heatmap-scale-hi))`) — Gradient painted on the continuous legend bar. Set on the host by the component itself while `colorSteps` is supplied AND the legend is rendered, and removed again when either stops being true -- `withoutLegend` takes the whole legend row out of the DOM, and the legend bar is this property's only reader; the fallback is the two-endpoint scale ramp."}},{"name":"--lr-heatmap-focus-ring-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."}},{"name":"--lr-heatmap-grid-max-block-size","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `none`) — Block-size ceiling of the `stickyLabels` scrollport. A frozen column band only stays behind once the grid actually scrolls vertically."}},{"name":"--lr-heatmap-label-font","description":{"kind":"markdown","value":"`<lr-heatmap>` — Font for axis/legend labels drawn on the canvas."}},{"name":"--lr-heatmap-no-data-fill","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-no-data)`) — Fill for cells with no value."}},{"name":"--lr-heatmap-scale-hi","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-scale-lo","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-selected-color","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-success)`) — Border color for the selected cell."}},{"name":"--lr-heatmap-sticky-label-bg","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-surface)`) — Backdrop painted under a frozen `stickyLabels` band. Must be opaque: it covers the same labels the scrolling canvas painted underneath it."}},{"name":"--lr-heatmap-tooltip-bg","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-surface)`) — Hover tooltip background."}},{"name":"--lr-heatmap-tooltip-text","description":{"kind":"markdown","value":"`<lr-heatmap>` (default: `var(--lr-color-text)`) — Hover tooltip text color."}},{"name":"--lr-highlight-layer-accent-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Accent highlight background."}},{"name":"--lr-highlight-layer-accent-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Accent highlight outline."}},{"name":"--lr-highlight-layer-danger-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Danger highlight background."}},{"name":"--lr-highlight-layer-danger-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Danger highlight outline."}},{"name":"--lr-highlight-layer-flash-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Flash-state background."}},{"name":"--lr-highlight-layer-neutral-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Neutral highlight background."}},{"name":"--lr-highlight-layer-neutral-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Neutral highlight outline."}},{"name":"--lr-highlight-layer-success-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Success highlight background."}},{"name":"--lr-highlight-layer-success-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Success highlight outline."}},{"name":"--lr-highlight-layer-warning-background","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Warning highlight background."}},{"name":"--lr-highlight-layer-warning-outline","description":{"kind":"markdown","value":"`<lr-highlight-layer>` — Warning highlight outline."}},{"name":"--lr-hover-brightness","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for hover brightness. Reads `--lr-theme-hover-brightness`."}},{"name":"--lr-html-viewer-max-height","description":{"kind":"markdown","value":"`<lr-html-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-icon-button-background","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `transparent`) — Background fill of the native button."}},{"name":"--lr-icon-button-background-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background fill while pressed: the same mix at the stronger `--lr-color-mix-active` share, so the pressed state is visibly more than the hover."}},{"name":"--lr-icon-button-background-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background fill on hover. Before 8.0.0 this fell back to `var(--lr-color-surface)` — the page background — so on a default page a hovered icon button painted itself the colour it was already sitting on and showed no hover at all."}},{"name":"--lr-icon-button-border","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `0`) — Complete border shorthand of the native button."}},{"name":"--lr-icon-button-border-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-border-hover, var(--lr-icon-button-border, 0))`) — Complete border shorthand while pressed; falls through to the hover border when only that is set."}},{"name":"--lr-icon-button-border-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-border, 0)`) — Complete border shorthand on hover."}},{"name":"--lr-icon-button-color","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `inherit`) — Icon/text color of the native button."}},{"name":"--lr-icon-button-color-active","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-color-hover, var(--lr-icon-button-color, inherit))`) — Icon/text color while pressed; falls through to the hover colour when only that is set."}},{"name":"--lr-icon-button-color-hover","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-icon-button-color, inherit)`) — Icon/text color on hover."}},{"name":"--lr-icon-button-radius","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `var(--lr-radius)`) — Corner radius of the native button."}},{"name":"--lr-icon-button-size","description":{"kind":"markdown","value":"`<lr-icon-button>` (default: `2.5rem`) — Minimum tappable inline and block size of the native button — a floor, not a fixed size: content larger than it grows the button and keeps its own aspect ratio, while a small glyph pads out to it. A library-wide token (declared on every `lr-` host by `tokens.styles.ts`, and the shared minimum tappable size several other components size their icon controls against), so overriding it globally resizes all of them together. Element-scoped, unlike the `--lr-icon-button-` cssprops below:** every `lr-` host re-declares `--lr-icon-button-size` from `--lr-theme-icon-button-size` in the shared token layer, so an ancestor rule that sets `--lr-icon-button-size` directly is reset the moment it crosses into any intervening `lr-` component's shadow root and never reaches this element. Set it directly on this element instead, or set `--lr-theme-icon-button-size` on an ancestor to resize every icon button in the subtree at once.\n\nShared design token — Canonical shared component token for icon button size. Reads `--lr-theme-icon-button-size`."}},{"name":"--lr-icon-fixed-width","description":{"kind":"markdown","value":"`<lr-icon>` (default: `var(--lr-size-1-5em)`) — Inline size of the box while `fixed-width` is set; the glyph keeps `--lr-icon-size` and centers inside it."}},{"name":"--lr-icon-flip-x","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Horizontal scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-flip-y","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Vertical scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-rotate","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0deg`) — Rotation applied to the box. Written inline from the `rotate` property, so set that rather than this property."}},{"name":"--lr-icon-size","description":{"kind":"markdown","value":"`<lr-icon>` — Optional inline and block size override for every canvas."}},{"name":"--lr-image-comparer-divider-width","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--divider-width, var(--lr-size-1px))`) — Width of the dividing line. The canonical, namespaced override; prefer it over the bare compat name, which inherits and so retunes every element in the subtree reading that generic name."}},{"name":"--lr-image-comparer-handle-size","description":{"kind":"markdown","value":"`<lr-image-comparer>` (default: `var(--handle-size, var(--lr-icon-button-size))`) — Inline and block size of the visible compare handle. Canonical, namespaced override."}},{"name":"--lr-image-viewer-annotate-active-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."}},{"name":"--lr-image-viewer-annotate-active-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."}},{"name":"--lr-image-viewer-annotation-box-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `color-mix(in srgb, var(--lr-color-brand) 15%, transparent)`) — Fill of `[part=\"annotation-box\"]`."}},{"name":"--lr-image-viewer-annotation-box-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotation-box\"]`, the in-progress draft rectangle drawn while annotating, independent of the saved `[part=\"highlight\"]` boxes' own tone colors."}},{"name":"--lr-image-viewer-highlight-active-border-width","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-border-width-thick)`) — Border width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-color","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."}},{"name":"--lr-image-viewer-highlight-active-outline-offset","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-focus-ring-offset)`) — Outline offset of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-outline-width","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-focus-ring-width)`) — Outline width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `color-mix(in srgb, var(--lr-color-brand) 20%, transparent)`) — Default highlight fill."}},{"name":"--lr-image-viewer-highlight-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` (default: `var(--lr-color-brand)`) — Default highlight border."}},{"name":"--lr-image-viewer-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Danger-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-danger-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Danger-tone highlight border."}},{"name":"--lr-image-viewer-highlight-fill","description":{"kind":"markdown","value":"`<lr-image-viewer>` — The resting fill a `[part=\"highlight\"]` actually renders, resolved per tone from the `--lr-image-viewer-highlight--bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one highlight; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-image-viewer-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>`* — Neutral-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-neutral-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Neutral-tone highlight border."}},{"name":"--lr-image-viewer-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Success-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-success-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Success-tone highlight border."}},{"name":"--lr-image-viewer-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Warning-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-warning-border","description":{"kind":"markdown","value":"`<lr-image-viewer>` — Warning-tone highlight border."}},{"name":"--lr-ingestion-queue-max-height","description":{"kind":"markdown","value":"`<lr-ingestion-queue>` (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."}},{"name":"--lr-inline-cursor-height","description":{"kind":"markdown","value":"`<lr-streaming-text>`, `<lr-streaming-text-core>` (default: `var(--lr-size-1em)`) — Shared height of the inline cursor bar.\n\n`<lr-typing-indicator>` (default: `var(--lr-size-1em)`) — Shared inline-cursor height."}},{"name":"--lr-inline-cursor-width","description":{"kind":"markdown","value":"`<lr-streaming-text>`, `<lr-streaming-text-core>` (default: `var(--lr-size-0-125rem)`) — Shared width of the inline cursor bar (also its border radius).\n\n`<lr-typing-indicator>` (default: `var(--lr-size-0-125rem)`) — Shared inline-cursor width. The `size` property supplies compact and roomy tier fallbacks."}},{"name":"--lr-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `color-mix(in oklab,var(--lr-color-surface),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed action background. The same hooks apply to `lr-number-input`'s stepper pair."}},{"name":"--lr-input-action-active-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-input-action-hover-color,var(--lr-color-text))`) — Pressed action color."}},{"name":"--lr-input-action-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-text-quiet)`) — Resting clear/password/number- stepper action color."}},{"name":"--lr-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-text)`) — Hovered action color."}},{"name":"--lr-input-border-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-border)`) — Border color of the control row, with a private default that changes per `appearance` in the same way as `--lr-input-fill`."}},{"name":"--lr-input-control-height","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` — Exact outer control height. Unset by default, which leaves `--lr-input-control-min-height` as a floor only; set it to a length to both floor and cap the control row (e.g. to pixel-match `<lr-select>`/`<lr-combobox>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-input-control-min-height","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-height)`) — Outer control height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so an input is exactly as tall as an `<lr-button>`/`<lr-select>` of the same tier."}},{"name":"--lr-input-fill","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `transparent`) — Background of the control row. Its private default changes per `appearance`; the public value remains authoritative in every appearance."}},{"name":"--lr-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand)`) — Control-row border color while focus is within the field."}},{"name":"--lr-input-font-size","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-font-size)`) — Font size of the native input, from the active `size` tier."}},{"name":"--lr-input-gap","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."}},{"name":"--lr-input-padding-block","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-padding-block)`) — Block padding of the native input, from the active `size` tier of the shared ladder."}},{"name":"--lr-input-padding-inline","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the control row, from the active `size` tier."}},{"name":"--lr-input-radius","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-form-control-radius)`) — Corner radius of the control row, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` swaps it to `--lr-radius-pill`."}},{"name":"--lr-input-time-picker-active-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand)`) — Pressed background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-input-time-picker-focus-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand-quiet)`) — Focus-visible background for the native time-picker indicator."}},{"name":"--lr-input-time-picker-focus-ring","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-focus-ring-color)`) — Focus-visible outline color for the native time-picker indicator."}},{"name":"--lr-input-time-picker-hover-bg","description":{"kind":"markdown","value":"`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>` (default: `var(--lr-color-brand-quiet)`) — Hover background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-json-viewer-active-outline","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-focus-ring-color)`) — Outline color for the current imperative search match."}},{"name":"--lr-json-viewer-boolean-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-warning)`) — Boolean value color."}},{"name":"--lr-json-viewer-font","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."}},{"name":"--lr-json-viewer-match-bg","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background (and surrounding box-shadow) of a key/value that currently matches `search`."}},{"name":"--lr-json-viewer-max-height","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the viewer scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-json-viewer-null-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-text-quiet)`) — Null, undefined, and circular-reference marker color."}},{"name":"--lr-json-viewer-number-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-brand)`) — Number value color."}},{"name":"--lr-json-viewer-row-hover-bg","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-brand-quiet)`) — Hover background for a structural row."}},{"name":"--lr-json-viewer-string-color","description":{"kind":"markdown","value":"`<lr-json-viewer>` (default: `var(--lr-color-success)`) — String value color."}},{"name":"--lr-knowledge-base-admin-tab-selected-border","description":{"kind":"markdown","value":"`<lr-knowledge-base-admin>` (default: `var(--lr-color-brand)`) — Bottom border color of the selected `[part=\"tab\"]`."}},{"name":"--lr-knowledge-base-admin-tab-selected-color","description":{"kind":"markdown","value":"`<lr-knowledge-base-admin>` (default: `var(--lr-color-text)`) — Text color of the selected `[part=\"tab\"]`. `::part(tab)[aria-selected='true']` is invalid CSS, so this pair is the only way to restyle the active tab without re-pointing the shared brand/text tokens."}},{"name":"--lr-known-date-day-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-3-5em)`) — Inline size of the day field."}},{"name":"--lr-known-date-field-font-size","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-font-size)`) — Font size of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-gap","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-space-s)`) — Gap between the three field blocks."}},{"name":"--lr-known-date-field-height","description":{"kind":"markdown","value":"`<lr-known-date>` — Exact block size of each `field-input`. Undeclared by default, so the field grows to fit its content, floored by `--lr-known-date-field-min-height`. Set it to pin a fixed height."}},{"name":"--lr-known-date-field-min-height","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of each `field-input`; its private default follows `size` (`2xs`/`xs`→`24px`, `s`→`1.875rem`, `m`→`2.5rem`, `l`→`3rem`, `xl`→`3.5rem`) -- the same shared control-height ladder `lr-input`/`lr-date-input` sit on, so a birthdate field in a form row beside those controls renders at the same height. The `max()` floors the two smallest tiers at WCAG 2.2 SC 2.5.8's 24px pointer-target minimum. At the small tiers the floor exceeds the field's own content height and actively pins the rendered box; at `l`/`xl` the content height stays under it, so those two tiers are unaffected. An inherited or direct public value wins in every tier."}},{"name":"--lr-known-date-field-padding-block","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-padding-block)`) — Block padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-padding-inline","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-form-control-padding-inline)`) — Inline padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-invalid-border-color","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."}},{"name":"--lr-known-date-month-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-3-5em)`) — Inline size of the month field."}},{"name":"--lr-known-date-year-field-width","description":{"kind":"markdown","value":"`<lr-known-date>` (default: `var(--lr-size-5em)`) — Inline size of the year field."}},{"name":"--lr-layer-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer base. Reads `--lr-theme-z-index-base`."}},{"name":"--lr-layer-content","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer content. Reads `--lr-theme-z-index-content`."}},{"name":"--lr-layer-dropdown","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer dropdown. Reads `--lr-theme-z-index-dropdown`."}},{"name":"--lr-layer-modal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer modal. Reads `--lr-theme-z-index-modal`."}},{"name":"--lr-layer-popover","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer popover. Reads `--lr-theme-z-index-popover`."}},{"name":"--lr-layer-toast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for layer toast. Reads `--lr-theme-z-index-toast`."}},{"name":"--lr-lightbox-control-bg","description":{"kind":"markdown","value":"`<lr-lightbox>` — Background for every floating/toolbar icon button."}},{"name":"--lr-lightbox-control-color","description":{"kind":"markdown","value":"`<lr-lightbox>` — Icon/text color paired with `--lr-lightbox-control-bg`."}},{"name":"--lr-lightbox-overlay-color","description":{"kind":"markdown","value":"`<lr-lightbox>` — The backdrop scrim color."}},{"name":"--lr-line-height-1-4","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height 1 4. Reads `--lr-theme-line-height-1-4`."}},{"name":"--lr-line-height-compact","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height compact. Reads `--lr-theme-line-height-compact`."}},{"name":"--lr-line-height-loose","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height loose. Reads `--lr-theme-line-height-loose`."}},{"name":"--lr-line-height-none","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height none. Reads `--lr-theme-line-height-none`."}},{"name":"--lr-line-height-normal","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height normal. Reads `--lr-theme-line-height-normal`."}},{"name":"--lr-line-height-snug","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for line height snug. Reads `--lr-theme-line-height-snug`."}},{"name":"--lr-link-color","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."}},{"name":"--lr-lite-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-lite-chart>` — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-lite-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-lite-chart-selected-outline-color","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-lite-chart-selected-outline-width","description":{"kind":"markdown","value":"`<lr-lite-chart>` (default: `var(--lr-size-2px)`) — Stroke width for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-locale-picker-expand-size","description":{"kind":"markdown","value":"`<lr-locale-picker>` — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-locale-picker-font-size","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the shared form-control size ladder."}},{"name":"--lr-locale-picker-gap","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-space-xs)`) — Trigger and option child gap."}},{"name":"--lr-locale-picker-open-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-locale-picker-option-active-bg","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-locale-picker-option-selected-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-locale-picker-option-selected-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-locale-picker-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-font-weight-semibold)`) — Selected option font weight."}},{"name":"--lr-locale-picker-radius","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-radius)`) — Trigger/listbox/option corner radius."}},{"name":"--lr-locale-picker-trigger-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-border)`) — Resting trigger border color."}},{"name":"--lr-locale-picker-trigger-fill","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-surface)`) — Resting trigger background."}},{"name":"--lr-locale-picker-trigger-height","description":{"kind":"markdown","value":"`<lr-locale-picker>` — Exact trigger height. Unset by default (a floor only via `-trigger-min-height`); set a length to both floor and cap the trigger, e.g. to pixel-match a sibling field in the same toolbar row."}},{"name":"--lr-locale-picker-trigger-hover-bg","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-locale-picker-trigger-hover-border-color","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-locale-picker-trigger-border-color)`) — Trigger border color while the pointer is over it. Unset, the border stays exactly where the resting state left it."}},{"name":"--lr-locale-picker-trigger-min-height","description":{"kind":"markdown","value":"`<lr-locale-picker>` (default: `var(--lr-form-control-height)`) — Trigger block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-locale-picker-trigger-padding","description":{"kind":"markdown","value":"`<lr-locale-picker>`* — Trigger padding shorthand, scaled by `size`."}},{"name":"--lr-map-choropleth-fill-opacity","description":{"kind":"markdown","value":"`<lr-map>` (default: `0.75`) — Fill opacity for choropleth and polygon `dataLayers` fills. Read from the resolved cascade whenever those layers are applied or painted after a theme change."}},{"name":"--lr-map-height","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-map-hidden-category-opacity","description":{"kind":"markdown","value":"`<lr-map>` (default: `0.15`) — Opacity a hidden category's points, point strokes and point icons are muted to in the rendered MapLibre paint. Read from the resolved cascade on every paint, because MapLibre draws to a WebGL canvas the CSS cascade never reaches."}},{"name":"--lr-map-legend-hidden-swatch-opacity","description":{"kind":"markdown","value":"`<lr-map>` (default: `0.5`) — Opacity of a hidden interactive legend row's decorative swatch. Only the `aria-hidden` swatch dims; the label re-colors through the quiet text token instead, so it keeps AA contrast."}},{"name":"--lr-map-popup-close-button-active-bg","description":{"kind":"markdown","value":"`<lr-map>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-active-color","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand)`) — Pressed foreground of `popup-close-button`. The legend is read-only unless `legendInteractive` is set, which is opt-in for a reason: an unset map renders exactly the key it rendered before, with no button, no extra attribute and no extra MapLibre paint key. Only a row that carries its own `value` becomes a toggle -- the key is never derived from an `icon` record's `value`, which would silently make a row operable the author never marked. Each toggle is a native `button`, so it is one independent tab stop per row (a 100-row legend contributes 100, exactly as a 100-series `lr-chart` legend does) and it grows to the shared `--lr-icon-button-size` hit-area floor. Activation emits the cancelable `lr-map-legend-toggle`; there is deliberately no confirmation event, because the committed state is `hiddenCategories` and the host already observes it. A hidden category mutes its points, point strokes and point icons through `--lr-map-hidden-category-opacity`; a `kind: 'heatmap'` entry is deliberately out of scope, having no per-category field to mute. No style or tile provider is selected implicitly. Set `mapStyle` explicitly before connection; this prevents a bare component from making an undeclared third-party request."}},{"name":"--lr-map-popup-close-button-hover-bg","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand-quiet)`) — Hover background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-hover-color","description":{"kind":"markdown","value":"`<lr-map>` (default: `var(--lr-color-brand)`) — Hover foreground of `popup-close-button`."}},{"name":"--lr-markdown-code-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Background shared by every inline `code` span and the fenced `code-block` surface."}},{"name":"--lr-markdown-code-block-padding","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-space-s) var(--lr-space-m)`) — Padding of the fenced `code-block` surface."}},{"name":"--lr-markdown-code-block-radius","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-radius)`) — Border radius of the fenced `code-block` surface."}},{"name":"--lr-markdown-code-padding","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-size-0-125rem) var(--lr-size-0-3125rem)`) — Padding of an inline `code` span."}},{"name":"--lr-markdown-code-radius","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `calc(var(--lr-radius) * 0.5)`) — Border radius of an inline `code` span."}},{"name":"--lr-markdown-font-mono","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."}},{"name":"--lr-markdown-highlight-accent-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Accent highlight fill."}},{"name":"--lr-markdown-highlight-active-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Active highlight fill."}},{"name":"--lr-markdown-highlight-active-outline-color","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand)`) — Active highlight outline."}},{"name":"--lr-markdown-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-danger-quiet)`) — Danger highlight fill."}},{"name":"--lr-markdown-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-surface)`) — Neutral highlight fill."}},{"name":"--lr-markdown-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-success-quiet)`) — Success highlight fill."}},{"name":"--lr-markdown-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-warning-quiet)`) — Warning highlight fill."}},{"name":"--lr-markdown-max-height","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `none`) — Cap on `[part=\"content\"]`'s block size, past which the document scrolls internally. The `maxHeight` property sets this token inline on `[part=\"content\"]`."}},{"name":"--lr-markdown-table-header-bg","description":{"kind":"markdown","value":"`<lr-markdown>`, `<lr-markdown-core>` (default: `var(--lr-color-brand-quiet)`) — Background of every rendered `[part=\"table\"]` header cell (`<th>`)."}},{"name":"--lr-mask-opaque","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for mask opaque."}},{"name":"--lr-media-card-active-bg","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background color for image/file card actions. Chrome escape hatch. `frame=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. `frame` is the library-wide name for this container treatment."}},{"name":"--lr-media-card-active-border-color","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed border color for image/file card actions."}},{"name":"--lr-media-card-bg","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `var(--lr-color-surface)`) — Background of the RESTING `frame=\"card\"` chrome, the companion to the pressed state's `--lr-media-card-active-bg`. `frame=\"plain\"` still drops the fill entirely."}},{"name":"--lr-media-card-max-height","description":{"kind":"markdown","value":"`<lr-media-card>` (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`."}},{"name":"--lr-memory-panel-confidence-danger-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-success-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-warning-color","description":{"kind":"markdown","value":"`<lr-memory-panel>` (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."}},{"name":"--lr-mention-popover-option-active-bg","description":{"kind":"markdown","value":"`<lr-mention-popover>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."}},{"name":"--lr-mention-popover-option-disabled-opacity","description":{"kind":"markdown","value":"`<lr-mention-popover>` (default: `0.5`) — Opacity of a row whose `items` entry sets `disabled`."}},{"name":"--lr-menu-item-active-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `color-mix(in oklab,var(--lr-menu-item-hover-bg,var(--lr-color-brand-quiet)),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled row while pressed, matching `--lr-option-active-bg`'s equivalent hook. Left unset, the pressed fill keeps mixing from `--lr-menu-item-hover-bg` as before this hook existed."}},{"name":"--lr-menu-item-checked-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `transparent`) — Background of a checked (`type=\"checkbox\" checked` or `type=\"radio\" checked`) row."}},{"name":"--lr-menu-item-checked-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Foreground of a checked row."}},{"name":"--lr-menu-item-checked-font-weight","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Font weight of a checked row."}},{"name":"--lr-menu-item-danger-active-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `color-mix(in oklab, var(--lr-color-danger-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled danger row while pressed. Checked-state hooks are also inline fallbacks, matching `<lr-option>`/`<lr-select>`/ `<lr-combobox>`/`<lr-tree-item>`'s equivalent row-chrome hooks; all three default to no visual change, so a `type=\"checkbox\"`/`type=\"radio\"` item's checked row paints identically to before these existed unless a consumer sets one."}},{"name":"--lr-menu-item-danger-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-danger)`) — Foreground of a `variant=\"danger\"` row."}},{"name":"--lr-menu-item-danger-hover-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-danger-quiet)`) — Background of an enabled danger row while hovered."}},{"name":"--lr-menu-item-gap","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-space-xs)`) — Gap between the visual parts of `[part=\"base\"]`, including its leading content, label, trailing details, and state glyphs. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. It is constant across the shared size ladder."}},{"name":"--lr-menu-item-hover-bg","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-color-brand-quiet)`) — Background of an enabled row under the pointer. The pressed state mixes from this same value, so a retuned hover fill keeps its pressed step instead of snapping back to the brand default."}},{"name":"--lr-menu-item-icon-color","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `inherit`) — Foreground of the leading icon wrapper. Unset it inherits the row's colour, including the danger variant's."}},{"name":"--lr-menu-item-min-height","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of the visual row. Unset it is the shared form-control ladder floored at the WCAG 2.2 SC 2.5.8 minimum, exactly as before this hook existed."}},{"name":"--lr-menu-item-radius","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `var(--lr-form-control-radius)`) — Corner radius of the visual row and focusable host. Its fallback follows the active shared size tier. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. Danger-state hooks are also inline fallbacks, so a menu can retheme only its dangerous rows without replacing the shared danger palette elsewhere."}},{"name":"--lr-menu-max-inline-size","description":{"kind":"markdown","value":"`<lr-menu>` (default: `var(--lr-size-20rem)`) — Width ceiling of the standalone menu surface and of a submenu's own surface. Takes a length or a percentage; `100%` and `none` both uncap it to the container, and any other value outside `<length-percentage>` is treated as `none` rather than silently dropping the cap's safety terms. The viewport clamp and the container allocation are applied outside this name, so no value can make a menu overflow either. A contained menu (inside `lr-dropdown`) sizes from its dropdown and is unaffected."}},{"name":"--lr-menu-min-inline-size","description":{"kind":"markdown","value":"`<lr-menu>` (default: `var(--lr-size-10rem)`) — Width floor of the same two surfaces. Lower it alongside `--lr-menu-max-inline-size` to make a menu narrower than 10rem; the floor wins over the ceiling, so capping alone cannot go below it."}},{"name":"--lr-message-feedback-down-active-bg","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-border","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-color","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-up-active-bg","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-border","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-color","description":{"kind":"markdown","value":"`<lr-message-feedback>` (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."}},{"name":"--lr-message-parts-audio-transcript-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-text-quiet)`) — Text color of an audio transcript."}},{"name":"--lr-message-parts-error-background","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger-quiet)`) — Background color of an error part."}},{"name":"--lr-message-parts-error-border-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger)`) — Border color of an error part."}},{"name":"--lr-message-parts-error-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-danger)`) — Text color of an error part."}},{"name":"--lr-message-parts-streaming-color","description":{"kind":"markdown","value":"`<lr-message-parts>` (default: `var(--lr-color-text-quiet)`) — Text color of a streaming part wrapper."}},{"name":"--lr-mind-map-node-hover-halo","description":{"kind":"markdown","value":"`<lr-mind-map>` (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."}},{"name":"--lr-mind-map-ring-gap","description":{"kind":"markdown","value":"`<lr-mind-map>` (default: `6rem`) — Radius step per depth ring."}},{"name":"--lr-model-select-expand-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-model-select-font-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-font-size)`) — Trigger/combobox font size, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-gap","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-space-xs)`) — Trigger, combobox, and option child gap."}},{"name":"--lr-model-select-max-inline-size","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-size-24rem)`) — The host's own width ceiling. Set a length to retune it, or `none` to let the control fill its container the way `<lr-select>` does."}},{"name":"--lr-model-select-open-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-model-select-option-active-bg","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-model-select-option-disabled-opacity","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `0.5`) — Opacity of an option row whose catalog entry sets `disabled`."}},{"name":"--lr-model-select-option-selected-bg","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-model-select-option-selected-border","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-model-select-option-selected-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-model-select-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-model-select-option-synthetic-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-model-select-option-synthetic-border-style","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-model-select-radius","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-radius)`) — Trigger, combobox, listbox, and option corner radius."}},{"name":"--lr-model-select-trigger-border-color","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-border)`) — Resting trigger/combobox border color, independent of the open-state color below."}},{"name":"--lr-model-select-trigger-fill","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-color-surface)`) — Resting trigger/combobox background."}},{"name":"--lr-model-select-trigger-height","description":{"kind":"markdown","value":"`<lr-model-select>` — Exact trigger/combobox height. Unset by default (a floor only, via `-trigger-min-height`); set a length to both floor and cap the control, e.g. to pixel-match a sibling field in the same toolbar row. Takes precedence over `-trigger-min-height`."}},{"name":"--lr-model-select-trigger-min-height","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-trigger-padding","description":{"kind":"markdown","value":"`<lr-model-select>` (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Trigger/combobox padding shorthand, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-settings-panel-max-inline-size","description":{"kind":"markdown","value":"`<lr-model-settings-panel>` (default: `var(--lr-size-28rem)`) — The card's own width ceiling. Set a length to retune it or `none` for a full-width card. `layout=\"compact\"` uncaps the card by default, and reads the same name, so a length still narrows a compact card."}},{"name":"--lr-multi-split-divider-active-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `color-mix(in oklab,var(--lr-color-brand),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — The divider hairline's color while a resize gesture is pressed (pointer capture holds this through the whole drag)."}},{"name":"--lr-multi-split-divider-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-border)`) — The divider hairline's resting color."}},{"name":"--lr-multi-split-divider-hover-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-brand)`) — The divider hairline's color on hover."}},{"name":"--lr-multi-split-divider-target-size","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `max(var(--lr-icon-button-size),var(--lr-size-3px))`) — The real layout gutter reserved for each divider along the resize axis. The narrow visual rule is centered inside this owned track, so the target never overlaps either adjacent panel."}},{"name":"--lr-multi-split-divider-thickness","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-size-3px)`) — The painted hairline's own thickness, independent of `--lr-multi-split-divider-target-size` above -- retuning either one never changes the other, so the WCAG 2.5.8 pointer target can never be shrunk by a thinner or thicker visual line."}},{"name":"--lr-multi-split-floating-panel-inline-size","description":{"kind":"markdown","value":"`<lr-multi-split>` — Overrides the `'floating'` collapse state's overlay card `inline-size`, which otherwise mirrors its own live `sizes[i]` percent (i.e. what it renders at in the `'wide'` state). Unset, geometry is identical to today's behavior; set, it wins over that percent without needing `!important` against the live-synced inline style."}},{"name":"--lr-multi-split-floating-panel-inset","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `0`) — The `'floating'` drawer's distance from `[part=\"base\"]`'s edges, applied to both block insets and to whichever logical inline edge `collapse` anchors the drawer to. Unset, the drawer stays flush with the container exactly as before; set once, it insets on all three anchored edges (the free inline edge stays governed by the panel's own width)."}},{"name":"--lr-multi-split-overlay-color","description":{"kind":"markdown","value":"`<lr-multi-split>` (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-node-fill","description":{"kind":"markdown","value":"`<lr-graph>` (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `LyraGraphNode.color`."}},{"name":"--lr-node-palette-search-font-size","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-node-palette-search-min-height","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-icon-button-size)`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-l` (or any tier of that ladder) to line this field up with the rest of an application's controls. It can only raise the height: the shared tappable-target minimum stays underneath it, so no tier can shrink the field past the WCAG floor."}},{"name":"--lr-node-palette-search-padding-block","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-space-xs)`) — Block gutter of the search field."}},{"name":"--lr-node-palette-search-padding-inline","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-space-s)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-node-palette-search-radius","description":{"kind":"markdown","value":"`<lr-node-palette>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-notebook-viewer-active-bg","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor or the active search match."}},{"name":"--lr-notebook-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone (the default) highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-focus-ring-color)`) — Outline of the highlighted cell whose highlight `id` equals `activeHighlightId`."}},{"name":"--lr-notebook-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-surface-raised)`) — Background of a `neutral`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-max-height","description":{"kind":"markdown","value":"`<lr-notebook-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-opacity-disabled","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for opacity disabled. Reads `--lr-theme-opacity-disabled`."}},{"name":"--lr-opacity-muted","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for opacity muted. Reads `--lr-theme-opacity-muted`."}},{"name":"--lr-option-active-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `color-mix(in oklab, var(--lr-option-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background."}},{"name":"--lr-option-checked-icon-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand)`) — Selected checkmark color."}},{"name":"--lr-option-current-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand-quiet)`) — Keyboard-current background."}},{"name":"--lr-option-current-color","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--current-text-color, var(--lr-color-text))`) — Keyboard-current text color; the upstream `--current-text-color` remains its fallback."}},{"name":"--lr-option-hover-bg","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-option>` (default: `var(--lr-font-weight-semibold)`) — Selected label weight."}},{"name":"--lr-otp-input-active-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-focus-ring-color)`) — Active segment border."}},{"name":"--lr-otp-input-active-ring-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-focus-ring-color)`) — Active segment outer ring."}},{"name":"--lr-otp-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-color-danger)`) — Invalid segment border."}},{"name":"--lr-otp-input-mask-char","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `'•'`) — The glyph shown for a masked character, and for every empty segment while `with-mask` is set. Must be a quoted string, because it is used as CSS `content`."}},{"name":"--lr-otp-input-segment-border-color","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-color-border)`) — Border color of each segment."}},{"name":"--lr-otp-input-segment-fill","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `transparent`) — Background fill of each segment."}},{"name":"--lr-otp-input-segment-radius","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of each segment."}},{"name":"--lr-otp-input-segment-size","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-theme-otp-input-segment-size,2.5em)`) — Internal role token supplying the standalone segment size when `--segment-size` is unset. Element-scoped: every `lr-` host re-declares this token from `--lr-theme-otp-input-segment-size` in the shared token layer, so an ancestor rule that sets `--lr-otp-input-segment-size` directly is reset at the first intervening `lr-` component and never reaches this element. Set it directly on this element, or set `--lr-theme-otp-input-segment-size` on an ancestor to resize every OTP input in the subtree at once.\n\nShared design token — Canonical shared component token for otp input segment size. Reads `--lr-theme-otp-input-segment-size`."}},{"name":"--lr-overlay-arrow-size","description":{"kind":"markdown","value":"`<lr-dropdown>` — Retained Lyra arrow-size fallback.\n\n`<lr-popover>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-overlay-border","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the picker panel.\n\n`<lr-combobox>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the listbox popup.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the panel and on the header's and footer's dividing rules.\n\n`<lr-dropdown>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface edge colour, with the same deliberate exclusion as `--lr-overlay-surface` above.\n\n`<lr-entity-chip>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the menu popup.\n\n`<lr-locale-picker>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-select>`, `<lr-voice-picker>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the same two surfaces. The header/footer dividing rules and a slotted `hr` are deliberately excluded: they separate content, they do not draw the surface's own edge.\n\n`<lr-popover>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the popup and on the arrow's two outward-facing edges.\n\n`<lr-selection-toolbar>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored picker panel.\n\n`<lr-tool-call-chip>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface edge colour. Same deliberate exclusion as `--lr-overlay-surface` above: the bubble draws no border.\n\n`<lr-usage-badge>` (default: `var(--lr-color-border)`) — Shared floating-surface edge colour, on the anchored breakdown tooltip."}},{"name":"--lr-overlay-max-inline-size","description":{"kind":"markdown","value":"`<lr-dropdown>` — Maximum inline size of the popup.\n\n`<lr-popover>` — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-overlay-radius","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the picker panel only as the middle arm of `--lr-color-picker-radius`, which still wins when set.\n\n`<lr-combobox>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the listbox popup.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the panel and on the close button.\n\n`<lr-dropdown>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface corner radius, with the same deliberate exclusion. The row's own corners come from `--lr-menu-item-radius`.\n\n`<lr-entity-chip>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the menu popup.\n\n`<lr-locale-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-locale-picker-radius`, which still wins when set.\n\n`<lr-mention-popover>`, `<lr-select>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the same two surfaces.\n\n`<lr-model-select>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-model-select-radius`, which still wins when set.\n\n`<lr-popover>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius. The arrow is deliberately excluded: its corners are already cut by its clip path.\n\n`<lr-selection-toolbar>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored picker panel.\n\n`<lr-tool-call-chip>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface corner radius. Same deliberate exclusion: the bubble keeps the tighter `--lr-radius-xs` a label-sized box reads best with.\n\n`<lr-usage-badge>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, on the anchored breakdown tooltip.\n\n`<lr-voice-picker>` (default: `var(--lr-radius)`) — Shared floating-surface corner radius, read by the listbox only as the middle arm of `--lr-voice-picker-radius`, which still wins when set."}},{"name":"--lr-overlay-shadow-anchored","description":{"kind":"markdown","value":"`<lr-citation-badge>`, `<lr-color-picker>`, `<lr-entity-chip>`, `<lr-export-button>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-selection-toolbar>`, `<lr-time-input>`, `<lr-tool-call-chip>`, `<lr-usage-badge>`, `<lr-voice-picker>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored surface.\n\n`<lr-combobox>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored listbox popup.\n\n`<lr-dropdown>` (default: `var(--lr-shadow-m)`) — Elevation of an anchored, positioner-placed overlay, inherited from the popover surface.\n\n`<lr-locale-picker>`, `<lr-select>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored listbox.\n\n`<lr-menu>` (default: `var(--lr-shadow-m)`) — Elevation of the anchored submenu surface.\n\n`<lr-popover>` (default: `var(--lr-shadow-m)`) — Elevation of an anchored, positioner-placed overlay. A separate tier from `--lr-overlay-shadow-modal`, so raising popups never raises dialogs."}},{"name":"--lr-overlay-shadow-modal","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-shadow-xl)`) — Elevation of a modal panel. A separate tier from `--lr-overlay-shadow-anchored`, so raising popups never raises dialogs."}},{"name":"--lr-overlay-surface","description":{"kind":"markdown","value":"`<lr-citation-badge>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored source-preview popover.\n\n`<lr-color-picker>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the picker panel.\n\n`<lr-combobox>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox popup. This is the public arm the popup never had: retinting it no longer means retinting the page surface every card and input reads.\n\n`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the panel. The same family every anchored popup now reads, so one declaration retints the dialog and the popups opened from it together.\n\n`<lr-dropdown>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, inherited from the popover surface.\n\n`<lr-dropdown-item>` — Shared floating-surface fill. Advertised here because this tag shares a stylesheet directory with `lr-menu`, whose surface reads it; a dropdown item is a row inside that surface and paints no surface of its own, so setting it here changes nothing.\n\n`<lr-entity-chip>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored detail popover.\n\n`<lr-export-button>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the menu popup.\n\n`<lr-locale-picker>`, `<lr-mention-popover>`, `<lr-model-select>`, `<lr-voice-picker>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox.\n\n`<lr-menu>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the standalone menu surface and on a submenu's own surface. A contained menu (inside `lr-dropdown`) paints no surface of its own, so it is unaffected.\n\n`<lr-popover>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, read by the popup and by its arrow. One declaration on any ancestor retints every overlay in that subtree without touching the page, card and control surfaces behind them.\n\n`<lr-select>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the listbox. The listbox is a floating surface, so it retints with every other popup rather than with the trigger it drops from.\n\n`<lr-selection-toolbar>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the toolbar.\n\n`<lr-time-input>` (default: `var(--lr-color-surface-raised)`) — Shared floating-surface fill, on the anchored picker panel. The family's own default is `var(--lr-color-surface-overlay)`; this panel deliberately keeps the raised tone as its unset value so it stays separated from the field it drops from, and it never read as a hole in dark mode.\n\n`<lr-tool-call-chip>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored detail tooltip.\n\n`<lr-tooltip>` — Shared floating-surface fill. Advertised here because this tag's rules live in the stylesheet module `lr-popover` also composes; a tooltip bubble is a high-contrast label, not a panel, so it paints from `--lr-tooltip-background` and is deliberately outside the overlay-surface family.\n\n`<lr-usage-badge>` (default: `var(--lr-color-surface-overlay)`) — Shared floating-surface fill, on the anchored breakdown tooltip."}},{"name":"--lr-page-aside-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `auto`) — Desktop aside column width."}},{"name":"--lr-page-banner-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum banner height and sticky offset."}},{"name":"--lr-page-header-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum header height and sticky offset."}},{"name":"--lr-page-main-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `1fr`) — Desktop main column width."}},{"name":"--lr-page-menu-width","description":{"kind":"markdown","value":"`<lr-page>` (default: `auto`) — Desktop menu column width."}},{"name":"--lr-page-navigation-backdrop-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-overlay)`) — Background of the open mobile navigation backdrop."}},{"name":"--lr-page-navigation-drawer-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-surface-overlay)`) — Background of the mobile navigation drawer."}},{"name":"--lr-page-navigation-drawer-shadow","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-shadow-l)`) — Shadow of the mobile navigation drawer."}},{"name":"--lr-page-navigation-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-active-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-rail-current-bg","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."}},{"name":"--lr-page-rail-heat-accent-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-brand)`) — Background of an accent-tone (the default tone) `[part=\"heat-dot\"]` marker."}},{"name":"--lr-page-rail-heat-danger-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-danger)`) — Background of a danger-tone `[part=\"heat-dot-danger\"]` marker."}},{"name":"--lr-page-rail-heat-neutral-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-text-quiet)`) — Background of a neutral-tone `[part=\"heat-dot-neutral\"]` marker."}},{"name":"--lr-page-rail-heat-success-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-success)`) — Background of a success-tone `[part=\"heat-dot-success\"]` marker."}},{"name":"--lr-page-rail-heat-warning-color","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-color-warning)`) — Background of a warning-tone `[part=\"heat-dot-warning\"]` marker."}},{"name":"--lr-page-rail-height","description":{"kind":"markdown","value":"`<lr-page-rail>` (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."}},{"name":"--lr-page-skip-to-content-active-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the pressed skip link."}},{"name":"--lr-page-skip-to-content-active-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of the pressed skip link."}},{"name":"--lr-page-skip-to-content-hover-bg","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered skip link."}},{"name":"--lr-page-skip-to-content-hover-color","description":{"kind":"markdown","value":"`<lr-page>` (default: `var(--lr-color-brand)`) — Text color of the hovered skip link."}},{"name":"--lr-page-subheader-height","description":{"kind":"markdown","value":"`<lr-page>` (default: `0px`) — Minimum subheader height and sticky offset. Interaction-state properties below are resolved as inline fallbacks, so setting one on the Page or any ancestor themes only its named target without replacing shared design tokens."}},{"name":"--lr-pagination-active-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Ordinary control pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-pagination-active-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Ordinary control pressed border color."}},{"name":"--lr-pagination-base-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-m)`) — Gap between the summary and controls."}},{"name":"--lr-pagination-control-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Resting background of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` — Resting border color of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-text)`) — Resting control foreground."}},{"name":"--lr-pagination-control-padding","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."}},{"name":"--lr-pagination-control-radius","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-radius)`) — Border radius of navigation buttons and the page input."}},{"name":"--lr-pagination-control-size","description":{"kind":"markdown","value":"`<lr-pagination>` — Control inline/block size; defaults from the `size` variant."}},{"name":"--lr-pagination-controls-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Gap between the navigation controls and the numbered-page list or compact page field."}},{"name":"--lr-pagination-current-active-bg","description":{"kind":"markdown","value":"`<lr-pagination>` — Current-page pressed background; defaults to the current brand active mix."}},{"name":"--lr-pagination-current-active-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page pressed border color."}},{"name":"--lr-pagination-current-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Current-page background."}},{"name":"--lr-pagination-current-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page border color."}},{"name":"--lr-pagination-current-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-on-brand)`) — Current-page foreground."}},{"name":"--lr-pagination-current-hover-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Current-page hover background."}},{"name":"--lr-pagination-current-hover-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `transparent`) — Current-page hover border color."}},{"name":"--lr-pagination-font-size","description":{"kind":"markdown","value":"`<lr-pagination>` — Control font size; defaults from the `size` variant."}},{"name":"--lr-pagination-hover-bg","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand-quiet)`) — Ordinary control hover background."}},{"name":"--lr-pagination-hover-border-color","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-brand)`) — Ordinary control hover border color."}},{"name":"--lr-pagination-invalid-border","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-color-danger)`) — Border color of `[part=\"page-input\"]` while the typed page is out of range (`aria-invalid=\"true\"`)."}},{"name":"--lr-pagination-pages-gap","description":{"kind":"markdown","value":"`<lr-pagination>` (default: `var(--lr-space-xs)`) — Gap between numbered page controls."}},{"name":"--lr-pan-zoom-min-block-size","description":{"kind":"markdown","value":"`<lr-pan-zoom>` (default: `var(--lr-size-10rem)`) — Minimum viewport block size."}},{"name":"--lr-pan-zoom-zoom","description":{"kind":"markdown","value":"`<lr-pan-zoom>` (default: `1`) — Read-only scale written from `zoom`; set the property instead."}},{"name":"--lr-pdf-viewer-height","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."}},{"name":"--lr-pdf-viewer-search-match-active-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-warning)`) — Background of the currently active search match."}},{"name":"--lr-pdf-viewer-search-match-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a painted, non-active search match."}},{"name":"--lr-pdf-viewer-text-selection-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of a native text selection over a `text-span`, independent of the shared `--lr-color-brand-quiet` token."}},{"name":"--lr-pdf-viewer-toolbar-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-brand-quiet)`) — Background of the `toolbar` part, independent of the shared `--lr-color-brand-quiet` token."}},{"name":"--lr-pdf-viewer-toolbar-button-hover-bg","description":{"kind":"markdown","value":"`<lr-pdf-viewer>` (default: `var(--lr-color-surface)`) — Hover fill of the toolbar buttons. Defaults to the surface fill rather than the toolbar's own tint so the hover state is actually visible against it. Also settable via the `max-height` property."}},{"name":"--lr-phone-input-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row. The invalid and focused states keep their own hooks and still win over it."}},{"name":"--lr-phone-input-control-height","description":{"kind":"markdown","value":"`<lr-phone-input>` — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-phone-input-control-min-height","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-phone-input-country-hover-bg","description":{"kind":"markdown","value":"`<lr-phone-input>`* (default: `var(--lr-color-brand-quiet)`) — Country trigger hover background."}},{"name":"--lr-phone-input-fill","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-surface)`) — Resting background of the input row."}},{"name":"--lr-phone-input-flag-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Selected flag size, scaled by `size`."}},{"name":"--lr-phone-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-phone-input-font-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Input/flag/country-code/calling-code font size, scaled by `size`."}},{"name":"--lr-phone-input-gap","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-space-xs)`) — Country-trigger child gap."}},{"name":"--lr-phone-input-glyph-size","description":{"kind":"markdown","value":"`<lr-phone-input>` — Country selector glyph size, scaled by `size`."}},{"name":"--lr-phone-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-phone-input-padding-block","description":{"kind":"markdown","value":"`<lr-phone-input>` — Input block-padding, scaled by `size` through the shared form-control ladder."}},{"name":"--lr-phone-input-radius","description":{"kind":"markdown","value":"`<lr-phone-input>` (default: `var(--lr-radius)`) — Input-wrapper corner radius, shared with the country trigger's leading corners. The `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-policy-summary-count-allow-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-success)`) — Text color of the `allow` count."}},{"name":"--lr-policy-summary-count-deny-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-danger)`) — Text color of the `deny` count."}},{"name":"--lr-policy-summary-count-needs-review-color","description":{"kind":"markdown","value":"`<lr-policy-summary>` (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."}},{"name":"--lr-poll-status-due-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."}},{"name":"--lr-poll-status-pause-active-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` — `pause-button` pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-poll-status-pause-active-color","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand)`) — `pause-button` pressed foreground."}},{"name":"--lr-poll-status-pause-hover-bg","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand-quiet)`) — `pause-button` hover background."}},{"name":"--lr-poll-status-pause-hover-color","description":{"kind":"markdown","value":"`<lr-poll-status>` (default: `var(--lr-color-brand)`) — `pause-button` hover foreground."}},{"name":"--lr-popover-viewport-clamp","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for popover viewport clamp. Reads `--lr-theme-popover-viewport-clamp`."}},{"name":"--lr-popup-arrow-size","description":{"kind":"markdown","value":"`<lr-popup>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-positioning-strategy","description":{"kind":"markdown","value":"`<lr-app-rail-item>` — Cascading `absolute`/`fixed` override for the icon-only flyout tooltip's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset rail item beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-citation-badge>` — Cascading `absolute`/`fixed` override for the preview popover's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset citation badge beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-color-picker>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the panel is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset color picker beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-combobox>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}, read from computed style when the listbox is positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset combobox beneath it instead of authoring `positioning-strategy` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-date-input>` — Cascading `absolute`/`fixed` override for the calendar popup's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset date input beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-dropdown>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, inherited from the popover surface. An explicit `positioning-strategy`/`hoist` on the instance always wins over it.\n\n`<lr-entity-chip>` — Cascading `absolute`/`fixed` override for the preview popover's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset entity chip beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-export-button>` — Cascading `absolute`/`fixed` override for the format menu's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset export button beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-locale-picker>` — Cascading `absolute`/`fixed` override for the listbox's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset locale picker beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-mention-popover>` — Cascading `absolute`/`fixed` override for the listbox's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset mention popover beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-menu>` — Cascading `absolute`/`fixed` override for the private submenu surface's `fixed` default, read from computed style when a submenu is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset submenu beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-popover>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}, read from computed style when the popup is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset overlay beneath it without authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-select>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the listbox is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset select beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-time-input>` — Cascading `absolute`/`fixed` override for the column picker's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset time input beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-tool-call-chip>` — Cascading `absolute`/`fixed` override for the detail tooltip's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset tool call chip beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-tooltip>` — Cascading `absolute`/`fixed` override for {@link positioningStrategy}/`hoist`, read from computed style when the bubble is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset tooltip beneath it instead of authoring `positioning-strategy`/`hoist` on each instance; an explicit value on the instance always wins over it.\n\n`<lr-tour>` — Cascading `absolute`/`fixed` override for the step popover's `fixed` default, read from computed style when a step is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset tour beneath it; an unrecognized value falls back to `fixed`.\n\n`<lr-usage-badge>` — Cascading `absolute`/`fixed` override for the breakdown tooltip's `fixed` default, read from computed style when it is (re)positioned. Set it once on `:root`, a theme, or one clipping ancestor to change every unset usage badge beneath it; an unrecognized value falls back to `fixed`."}},{"name":"--lr-pptx-viewer-max-height","description":{"kind":"markdown","value":"`<lr-pptx-viewer>` (default: `none`) — Maximum block size of the scrollable renderer output container before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-progress-duration","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-transition-ambient)`) — Indeterminate sweep timing.\n\n`<lr-progress-ring>` (default: `var(--lr-transition-ambient)`) — Indeterminate rotation timing."}},{"name":"--lr-progress-indicator-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-indicator-variant-color)`) — Indicator color, overriding the variant palette below."}},{"name":"--lr-progress-indicator-variant-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-label-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-text)`) — Label color."}},{"name":"--lr-progress-ring-indicator-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-indicator-variant-color)`) — Indicator stroke color, overriding the variant palette below."}},{"name":"--lr-progress-ring-indicator-transition-duration","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-transition-base)`) — Determinate indicator transition."}},{"name":"--lr-progress-ring-indicator-variant-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-ring-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-ring-indicator-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-width)`) — Indicator stroke width."}},{"name":"--lr-progress-ring-size","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--size,var(--_lr-progress-ring-size))`) — Outer diameter of the ring. The private fallback steps with `size` across the shared six-step ladder (`1.25rem` at `2xs` up to `3.5rem` at `xl`, `2.5rem` unchanged at the `m` default); an inherited or direct value here (or the upstream `--size` alias) still wins outright over every tier."}},{"name":"--lr-progress-ring-track-color","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-color-brand-quiet)`) — Track stroke color."}},{"name":"--lr-progress-ring-track-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-theme-progress-ring-track-width,var(--lr-size-4px))`) — Track stroke width, `4px` by default. Bridges its own dedicated `--lr-theme-progress-ring-track-width` theme input rather than the widely-shared `--lr-theme-border-width-thick` (fed to the `--lr-border-width-thick` alias): `theme.css` declares that shared input at `3px` -- its correct default for the many surfaces that genuinely want it -- and bridging it directly here would have let importing `theme.css` alone silently repaint this ring's stroke to `3px` even with no consumer override. Set `--lr-theme-progress-ring-track-width` on `:root` or any ancestor to retune this ring specifically; it stays unset (and this default applies) whether or not `theme.css` is imported."}},{"name":"--lr-progress-track-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-color-brand-quiet)`) — Track color."}},{"name":"--lr-progress-track-height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-height,var(--_lr-progress-track-height))`) — Block size of the progress track. The innermost fallback steps with `size` across the shared six-step ladder (`0.25rem` at `2xs` up to `1.5rem` at `xl`, `1rem` unchanged at the `m` default); an inherited or direct value here still wins outright over every tier."}},{"name":"--lr-prompt-input-control-width","description":{"kind":"markdown","value":"`<lr-prompt-input>` (default: `--lr-size-12rem`) — Preferred width of each generated model, voice, and source control before wrapping."}},{"name":"--lr-prompt-studio-field-hover-border","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand)`) — Enabled field hover border."}},{"name":"--lr-prompt-studio-version-selected-bg","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand-quiet)`) — Selected version background."}},{"name":"--lr-prompt-studio-version-selected-border","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-brand)`) — Selected version border."}},{"name":"--lr-prompt-studio-version-selected-color","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `var(--lr-color-text)`) — Selected version foreground."}},{"name":"--lr-prompt-studio-version-selected-hover-bg","description":{"kind":"markdown","value":"`<lr-prompt-studio>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Selected version hover background."}},{"name":"--lr-provenance-panel-entity-justify","description":{"kind":"markdown","value":"`<lr-provenance-panel>` (default: `flex-start`) — Main-axis packing of the entity-chip row. `center` centers every line, the wrapped final one included."}},{"name":"--lr-push-to-talk-pulse-recording-border-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Recording pulse-ring border color."}},{"name":"--lr-push-to-talk-recording-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-color-danger)`) — Established aggregate fallback for the recording trigger border, trigger foreground, and pulse border. The three more-specific recording properties below win independently when set."}},{"name":"--lr-push-to-talk-size","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-size-3rem)`) — Preferred inline and block size of the circular `trigger` button; `--lr-icon-button-size` remains its minimum hit-area floor."}},{"name":"--lr-push-to-talk-trigger-recording-border-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger border color while recording."}},{"name":"--lr-push-to-talk-trigger-recording-color","description":{"kind":"markdown","value":"`<lr-push-to-talk>` (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger foreground, including the default mic glyph, while recording."}},{"name":"--lr-qr-code-background","description":{"kind":"markdown","value":"`<lr-qr-code>` — Optional alias for host `background-color`, used by the canvas background."}},{"name":"--lr-qr-code-fill","description":{"kind":"markdown","value":"`<lr-qr-code>` — Optional alias for host `color`, used by foreground modules."}},{"name":"--lr-radio-active-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-radio-hover-border-color)`) — Indicator border while the interactive row is pressed."}},{"name":"--lr-radio-active-ring-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand-quiet)`) — Indicator ring while the interactive row is pressed."}},{"name":"--lr-radio-button-active-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Unchecked button background while pressed."}},{"name":"--lr-radio-button-active-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-hover-border-color)`) — Unchecked button border while pressed."}},{"name":"--lr-radio-button-checked-active-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Checked button background while pressed."}},{"name":"--lr-radio-button-checked-active-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-checked-hover-border-color)`) — Checked button border while pressed."}},{"name":"--lr-radio-button-checked-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Checked button background."}},{"name":"--lr-radio-button-checked-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Checked button border."}},{"name":"--lr-radio-button-checked-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-on-brand)`) — Checked button text color."}},{"name":"--lr-radio-button-checked-hover-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `color-mix(...)`) — Checked button background while hovered."}},{"name":"--lr-radio-button-checked-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-radio-button-checked-border-color)`) — Checked button border while hovered."}},{"name":"--lr-radio-button-gap","description":{"kind":"markdown","value":"`<lr-radio>` (default: `var(--lr-space-xs)`) — Gap between the present start/prefix, label, and end/suffix wrappers in `appearance=\"button\"`.\n\n`<lr-radio-button>` (default: `var(--lr-space-xs)`) — Gap between the start/prefix wrapper, label, and end/suffix wrapper in both `<lr-radio-button>` and `<lr-radio appearance=\"button\">`."}},{"name":"--lr-radio-button-hover-bg","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand-quiet)`) — Unchecked button background while hovered."}},{"name":"--lr-radio-button-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio-button>` (default: `var(--lr-color-brand)`) — Unchecked button border while hovered."}},{"name":"--lr-radio-checked-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Border color of `[part='circle']` while `checked`. Retint just this control's checked ring without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-radio-checked-dot-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Background of `[part='dot']` while `checked`."}},{"name":"--lr-radio-circle-size","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='circle']`. Derived from the `size` tier's shared control height so a radio lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`."}},{"name":"--lr-radio-dot-size","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `min(calc(var(--lr-radio-circle-size) * 0.5), calc(var(--lr-form-control-height) * 0.3))`) — Edge length of `[part='dot']`, capped at half the circle so it can never outgrow its ring."}},{"name":"--lr-radio-group-row-gap","description":{"kind":"markdown","value":"`<lr-radio-group>` (default: `calc(var(--lr-form-control-height) * 0.2)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-radio-hover-border-color","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `var(--lr-color-brand)`) — Indicator border while the interactive row is hovered."}},{"name":"--lr-radio-label-indent","description":{"kind":"markdown","value":"`<lr-radio>`, `<lr-radio-button>` (default: `calc(var(--lr-radio-circle-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it — so it tracks `size` along with the circle. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is not readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-radio-radius","description":{"kind":"markdown","value":"`<lr-radio>`* (default: `var(--lr-radius-pill)`) — Corner radius of the control's own chrome. A circular indicator is fully round at every setting; `<lr-radio-button>` re-points this knob at the shared control radius and swaps it for a pill when `pill` is set.\n\n`<lr-radio-button>` (default: `var(--lr-form-control-radius)`) — Corner radius of the outer edges of the button row. Its private default follows the shared control radius and changes to `--lr-radius-pill` for `pill`; an inherited or direct public value still wins."}},{"name":"--lr-radius","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius. Reads `--lr-theme-border-radius-m`."}},{"name":"--lr-radius-pill","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius pill. Reads `--lr-theme-border-radius-pill`."}},{"name":"--lr-radius-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for radius xs. Reads `--lr-theme-border-radius-xs`."}},{"name":"--lr-rag-eval-dashboard-selected-border-color","description":{"kind":"markdown","value":"`<lr-rag-eval-dashboard>` (default: `var(--lr-color-brand)`) — Border color shared by the controlled active slice and metric."}},{"name":"--lr-ramp-brand-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 05."}},{"name":"--lr-ramp-brand-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 10."}},{"name":"--lr-ramp-brand-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 20."}},{"name":"--lr-ramp-brand-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 30."}},{"name":"--lr-ramp-brand-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 40."}},{"name":"--lr-ramp-brand-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 50."}},{"name":"--lr-ramp-brand-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 60."}},{"name":"--lr-ramp-brand-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 70."}},{"name":"--lr-ramp-brand-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 80."}},{"name":"--lr-ramp-brand-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 90."}},{"name":"--lr-ramp-brand-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp brand 95."}},{"name":"--lr-ramp-danger-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 05."}},{"name":"--lr-ramp-danger-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 10."}},{"name":"--lr-ramp-danger-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 20."}},{"name":"--lr-ramp-danger-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 30."}},{"name":"--lr-ramp-danger-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 40."}},{"name":"--lr-ramp-danger-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 50."}},{"name":"--lr-ramp-danger-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 60."}},{"name":"--lr-ramp-danger-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 70."}},{"name":"--lr-ramp-danger-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 80."}},{"name":"--lr-ramp-danger-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 90."}},{"name":"--lr-ramp-danger-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp danger 95."}},{"name":"--lr-ramp-neutral-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 05."}},{"name":"--lr-ramp-neutral-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 10."}},{"name":"--lr-ramp-neutral-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 20."}},{"name":"--lr-ramp-neutral-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 30."}},{"name":"--lr-ramp-neutral-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 40."}},{"name":"--lr-ramp-neutral-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 50."}},{"name":"--lr-ramp-neutral-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 60."}},{"name":"--lr-ramp-neutral-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 70."}},{"name":"--lr-ramp-neutral-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 80."}},{"name":"--lr-ramp-neutral-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 90."}},{"name":"--lr-ramp-neutral-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp neutral 95."}},{"name":"--lr-ramp-success-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 05."}},{"name":"--lr-ramp-success-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 10."}},{"name":"--lr-ramp-success-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 20."}},{"name":"--lr-ramp-success-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 30."}},{"name":"--lr-ramp-success-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 40."}},{"name":"--lr-ramp-success-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 50."}},{"name":"--lr-ramp-success-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 60."}},{"name":"--lr-ramp-success-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 70."}},{"name":"--lr-ramp-success-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 80."}},{"name":"--lr-ramp-success-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 90."}},{"name":"--lr-ramp-success-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp success 95."}},{"name":"--lr-ramp-warning-05","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 05."}},{"name":"--lr-ramp-warning-10","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 10."}},{"name":"--lr-ramp-warning-20","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 20."}},{"name":"--lr-ramp-warning-30","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 30."}},{"name":"--lr-ramp-warning-40","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 40."}},{"name":"--lr-ramp-warning-50","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 50."}},{"name":"--lr-ramp-warning-60","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 60."}},{"name":"--lr-ramp-warning-70","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 70."}},{"name":"--lr-ramp-warning-80","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 80."}},{"name":"--lr-ramp-warning-90","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 90."}},{"name":"--lr-ramp-warning-95","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for ramp warning 95."}},{"name":"--lr-random-content-animation-duration","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `300ms`) — Duration of the entrance animation."}},{"name":"--lr-random-content-animation-easing","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `ease`) — Easing function for the entrance animation."}},{"name":"--lr-random-content-animation-translate","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."}},{"name":"--lr-random-content-item-alignment","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `flex-start`) — Cross-axis alignment of selected items."}},{"name":"--lr-random-content-item-gap","description":{"kind":"markdown","value":"`<lr-random-content>` (default: `var(--lr-space-s)`) — Gap between simultaneously selected items."}},{"name":"--lr-rating-active-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `color-mix(in oklab, var(--lr-rating-empty-color, var(--symbol-color, var(--lr-color-border-strong))), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed-symbol color. Set it independently of `--lr-rating-empty-color` to recolor the pressed state without changing resting or hover symbols."}},{"name":"--lr-rating-empty-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-color-border)`) — Unfilled-symbol color, retained during hover preview."}},{"name":"--lr-rating-fill","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-color-warning)`) — Filled-symbol color."}},{"name":"--lr-rating-gap","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--symbol-spacing,var(--lr-space-xs))`) — Gap between symbols. It takes precedence over the `--symbol-spacing` compatibility hook while preserving that hook and the shared spacing token as fallbacks."}},{"name":"--lr-rating-size","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-font-size-xl)`) — Symbol size. Its private default follows each `size` step; an inherited or direct public value wins. The `m` default reproduces the treatment this component had before `size` existed."}},{"name":"--lr-reorder-item-gap","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-space-xs)`) — Gap between the move buttons and content. Move-button state properties are resolved as inline fallbacks, so setting one on an item or any ancestor themes only the requested hover or pressed state without replacing shared brand tokens."}},{"name":"--lr-reorder-item-move-button-active-bg","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed move button."}},{"name":"--lr-reorder-item-move-button-active-color","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand)`) — Text color of a pressed move button."}},{"name":"--lr-reorder-item-move-button-hover-bg","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered move button."}},{"name":"--lr-reorder-item-move-button-hover-color","description":{"kind":"markdown","value":"`<lr-reorder-item>` (default: `var(--lr-color-brand)`) — Text color of a hovered move button."}},{"name":"--lr-reorder-list-gap","description":{"kind":"markdown","value":"`<lr-reorder-list>` (default: `var(--lr-space-2xs)`) — Gap between rows."}},{"name":"--lr-responsive-panel-overlay-color","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-responsive-panel-overlay-panel-bg","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-color-surface-overlay)`) — Background of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-overlay-panel-shadow","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-shadow-l)`) — Shadow of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-sheet-max-block-size","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `85dvh`) — Maximum height of the `shape=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."}},{"name":"--lr-responsive-panel-side-inline-size","description":{"kind":"markdown","value":"`<lr-responsive-panel>` (default: `var(--lr-size-20rem)`) — Width of the `shape=\"start\"`/`shape=\"end\"` overlay panel along the inline axis."}},{"name":"--lr-result-card-background","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-result-card-border-color","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the `[part=\"header\"]` divider."}},{"name":"--lr-result-card-compact-body-gap","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s children while `compact`."}},{"name":"--lr-result-card-compact-body-padding","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-result-card-compact-header-gap","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — Gap between `[part=\"header\"]`'s heading and actions while `compact`."}},{"name":"--lr-result-card-compact-header-padding","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."}},{"name":"--lr-result-card-radius","description":{"kind":"markdown","value":"`<lr-result-card>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-retrieval-compare-selected-border","description":{"kind":"markdown","value":"`<lr-retrieval-compare>` (default: `var(--lr-color-brand)`) — Border color marking a selected `[part~=\"chunk\"]` row."}},{"name":"--lr-retrieval-results-selected-border","description":{"kind":"markdown","value":"`<lr-retrieval-results>` (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."}},{"name":"--lr-retrieval-search-submit-min-height","description":{"kind":"markdown","value":"`<lr-retrieval-search>` (default: `var(--lr-icon-button-size)`) — Minimum height of the submit button. A `size` tier raises it to that tier's shared form-control height; the shared tappable-target minimum always stays underneath, so no tier can shrink the button past the WCAG floor."}},{"name":"--lr-retrieval-trace-active-border","description":{"kind":"markdown","value":"`<lr-retrieval-trace>` (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."}},{"name":"--lr-rubric-form-skip-active-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Skip background while pressed."}},{"name":"--lr-rubric-form-skip-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-surface)`) — Skip-button background."}},{"name":"--lr-rubric-form-skip-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-border)`) — Skip-button border."}},{"name":"--lr-rubric-form-skip-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-text)`) — Skip-button text color."}},{"name":"--lr-rubric-form-skip-hover-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand-quiet)`) — Skip background while hovered."}},{"name":"--lr-rubric-form-submit-active-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit background while pressed."}},{"name":"--lr-rubric-form-submit-active-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit border while pressed."}},{"name":"--lr-rubric-form-submit-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand)`) — Submit-button background."}},{"name":"--lr-rubric-form-submit-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-brand)`) — Submit-button border."}},{"name":"--lr-rubric-form-submit-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `var(--lr-color-on-brand)`) — Submit-button text color."}},{"name":"--lr-rubric-form-submit-hover-bg","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit background while hovered."}},{"name":"--lr-rubric-form-submit-hover-border-color","description":{"kind":"markdown","value":"`<lr-rubric-form>` (default: `color-mix(...)`) — Submit border while hovered."}},{"name":"--lr-safe-area-bottom","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area bottom."}},{"name":"--lr-safe-area-inline-end","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area inline end."}},{"name":"--lr-safe-area-inline-start","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area inline start."}},{"name":"--lr-safe-area-top","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for safe area top."}},{"name":"--lr-schema-viewer-error-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-danger-quiet)`) — Error issue background."}},{"name":"--lr-schema-viewer-error-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-danger)`) — Error issue border."}},{"name":"--lr-schema-viewer-info-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand-quiet)`) — Info issue background."}},{"name":"--lr-schema-viewer-info-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand)`) — Info issue border."}},{"name":"--lr-schema-viewer-max-indent","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-size-12rem)`) — Maximum visual indentation; complete JSON Pointer paths and selection semantics remain unchanged at deeper levels."}},{"name":"--lr-schema-viewer-selected-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-brand)`) — Selected node branch."}},{"name":"--lr-schema-viewer-warning-bg","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-warning-quiet)`) — Warning issue background."}},{"name":"--lr-schema-viewer-warning-border","description":{"kind":"markdown","value":"`<lr-json-schema-viewer>` (default: `var(--lr-color-warning)`) — Warning issue border."}},{"name":"--lr-scroll-fade-size","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n`<lr-stepper>` (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n`<lr-tab-group>` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n\n`<lr-timeline>` (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n`<lr-widget>` (default: `2rem`) — Width of the fade at each horizontal scroll edge of the `actions`/`view-toggles` header rows. The fade is applied only while a row actually overflows, so a row that fits is never dimmed. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`.\n\nShared design token — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."}},{"name":"--lr-scroller-control-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-2rem)`) — Control size."}},{"name":"--lr-scroller-hover-outline-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"viewport\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-scroller-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-hover-outline-style","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-hover-outline-width","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"viewport\"]`."}},{"name":"--lr-scroller-min-block-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."}},{"name":"--lr-scroller-shadow-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--shadow-color)`) — Lyra-prefixed shadow-color alias."}},{"name":"--lr-scroller-shadow-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--shadow-size)`) — Lyra-prefixed shadow-size alias."}},{"name":"--lr-segmented-active-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed segment that is neither checked nor disabled."}},{"name":"--lr-segmented-active-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-segmented-hover-color, var(--lr-color-text))`) — Text color of a pressed segment that is neither checked nor disabled. Its default follows `--lr-segmented-hover-color` to preserve the established hover/pressed relationship; set this property to theme the pressed text independently."}},{"name":"--lr-segmented-font-size","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-font-size)`) — Each segment's font size, taken from the `size` tier's shared control font size."}},{"name":"--lr-segmented-hover-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `transparent`) — Background of a hovered segment that is neither checked nor disabled. Undeclared by default, so it falls back to the segment's own resting transparent background — byte-identical to before this property existed."}},{"name":"--lr-segmented-hover-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched."}},{"name":"--lr-segmented-hover-shadow","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `none`) — Box shadow of a hovered segment that is neither checked nor disabled. Undeclared by default, matching the segment's own resting absence of a shadow."}},{"name":"--lr-segmented-segment-padding","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Each segment's padding, taken from the `size` tier's shared control padding."}},{"name":"--lr-segmented-selected-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do)."}},{"name":"--lr-segmented-selected-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-text)`) — Text color of the checked segment."}},{"name":"--lr-segmented-selected-font-weight","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."}},{"name":"--lr-segmented-selected-shadow","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-shadow-xs)`) — Box shadow lifting the checked segment off the track."}},{"name":"--lr-segmented-track-bg","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `transparent`) — Background of the `base` track. Undeclared by default, matching its own current absence of a background."}},{"name":"--lr-segmented-track-border-color","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-color-border)`) — Border color of the `base` track, which previously read that token as a literal with no override hook."}},{"name":"--lr-segmented-track-gap","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-size-0-125rem)`) — Gap between segments."}},{"name":"--lr-segmented-track-height","description":{"kind":"markdown","value":"`<lr-segmented>` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. Genuinely unset by default — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content."}},{"name":"--lr-segmented-track-min-height","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-form-control-height)`) — Minimum height of the `base` track, taken from the `size` tier's shared control height; the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. The private default follows `size`; a public value inherited from an ancestor or set directly on the element remains authoritative in every tier."}},{"name":"--lr-segmented-track-padding","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-size-0-125rem)`) — Track inset padding."}},{"name":"--lr-segmented-track-radius","description":{"kind":"markdown","value":"`<lr-segmented>` (default: `var(--lr-radius)`) — Track corner radius."}},{"name":"--lr-select-expand-size","description":{"kind":"markdown","value":"`<lr-select>` — Decorative expand-icon box size, scaled by `size`. The one piece of this component's geometry the shared ladder does not own: it sizes a glyph, not the control row."}},{"name":"--lr-select-font-size","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the active `size` tier."}},{"name":"--lr-select-gap","description":{"kind":"markdown","value":"`<lr-select>` — Gap between the trigger's start adornment, label, end adornment, and expand icon. Doesn't vary by `size`."}},{"name":"--lr-select-open-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Trigger border while the listbox is open."}},{"name":"--lr-select-option-active-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."}},{"name":"--lr-select-option-badge-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Background of the `[part='option-badge']` \"not in catalog\" badge."}},{"name":"--lr-select-option-selected-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."}},{"name":"--lr-select-option-selected-border","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-select-option-selected-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-select-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-select-radius","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-radius)`) — Trigger corner radius, from the active `size` tier of the shared form-control ladder (the two tightest tiers take a smaller radius)."}},{"name":"--lr-select-tag-font-size","description":{"kind":"markdown","value":"`<lr-select>` — Chip text size. Doesn't vary by `size`."}},{"name":"--lr-select-tag-padding","description":{"kind":"markdown","value":"`<lr-select>` — Padding inside a `multiple`-mode chip. Doesn't vary by `size`."}},{"name":"--lr-select-trigger-active-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `color-mix(...)`) — Trigger background while pressed."}},{"name":"--lr-select-trigger-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-border)`) — Resting trigger border color, `transparent` by default on the `filled`/`plain`/`accent` treatments."}},{"name":"--lr-select-trigger-fill","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-surface)`) — Resting trigger background. Read by every appearance, each falling back to its own default (`--lr-color-surface-raised` for `filled`/`filled-outlined`, `transparent` for `plain`, `--lr-color-brand` for `accent`), so one value retints the trigger whichever treatment it is wearing."}},{"name":"--lr-select-trigger-height","description":{"kind":"markdown","value":"`<lr-select>` — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-select-trigger-hover-bg","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-brand-quiet)`) — Trigger background while hovered. Accent appearance keeps its louder mixed fallback when this hook is unset."}},{"name":"--lr-select-trigger-hover-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-select-trigger-border-color)`) — Trigger border color while the pointer is over it. Unset, the border stays exactly where the resting state left it."}},{"name":"--lr-select-trigger-min-height","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-form-control-height)`) — Trigger block-size floor, from the active `size` tier of the shared ladder, and live at every tier including the default `m` -- so a select is exactly as tall as an `<lr-button>`/`<lr-input>` of that tier."}},{"name":"--lr-select-trigger-padding","description":{"kind":"markdown","value":"`<lr-select>` — Trigger padding shorthand. Defaults to the active `size` tier's `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)` from the shared ladder."}},{"name":"--lr-select-unknown-value-border-color","description":{"kind":"markdown","value":"`<lr-select>` (default: `var(--lr-color-border)`) — Border color of the same unknown-value chip."}},{"name":"--lr-select-unknown-value-border-style","description":{"kind":"markdown","value":"`<lr-select>` (default: `dashed`) — Border style of an `[part='unknown-value']` chip (a `multiple`-mode tag whose committed value matches no current option)."}},{"name":"--lr-selection-toolbar-placement-gap","description":{"kind":"markdown","value":"`<lr-selection-toolbar>` (default: `var(--lr-space-s)`) — Non-negative distance between the selection and toolbar, and between the toolbar and viewport during collision avoidance. Unitless pixel values and `px`, `rem`, and `em` values are resolved live; invalid values fall back to the default and negative values clamp to `0`."}},{"name":"--lr-sequence-playback-icon-size","description":{"kind":"markdown","value":"`<lr-sequence-playback>` (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."}},{"name":"--lr-sequence-playback-play-button-active-bg","description":{"kind":"markdown","value":"`<lr-sequence-playback>` — Pressed play/pause button background. Defaults to the existing surface active mix; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-playback-play-button-active-border-color","description":{"kind":"markdown","value":"`<lr-sequence-playback>` (default: `var(--lr-color-brand)`) — Pressed play/pause button border color; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-strip-disabled-opacity","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-opacity-disabled)`) — Opacity of a cell whose activated item sets `disabled`."}},{"name":"--lr-sequence-strip-height","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-size-1-5rem)`) — Block size of the strip."}},{"name":"--lr-sequence-strip-legend-marker-bg","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."}},{"name":"--lr-sequence-strip-legend-swatch-size","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."}},{"name":"--lr-sequence-strip-marker-color","description":{"kind":"markdown","value":"`<lr-sequence-strip>` (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."}},{"name":"--lr-shadow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow."}},{"name":"--lr-shadow-color","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow color. Reads `--lr-theme-shadow-color`."}},{"name":"--lr-shadow-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow l. Reads `--lr-theme-shadow-l`."}},{"name":"--lr-shadow-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow m. Reads `--lr-theme-shadow-m`."}},{"name":"--lr-shadow-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow s. Reads `--lr-theme-shadow-s`."}},{"name":"--lr-shadow-xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow xl. Reads `--lr-theme-shadow-xl`."}},{"name":"--lr-shadow-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for shadow xs. Reads `--lr-theme-shadow-xs`."}},{"name":"--lr-size-0-02em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 02em. Reads `--lr-theme-size-0-02em`."}},{"name":"--lr-size-0-03em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 03em. Reads `--lr-theme-size-0-03em`."}},{"name":"--lr-size-0-04em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 04em. Reads `--lr-theme-size-0-04em`."}},{"name":"--lr-size-0-05rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 05rem. Reads `--lr-theme-size-0-05rem`."}},{"name":"--lr-size-0-0625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 0625rem. Reads `--lr-theme-size-0-0625rem`."}},{"name":"--lr-size-0-09375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 09375rem. Reads `--lr-theme-size-0-09375rem`."}},{"name":"--lr-size-0-125rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 125rem. Reads `--lr-theme-size-0-125rem`."}},{"name":"--lr-size-0-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 15rem. Reads `--lr-theme-size-0-15rem`."}},{"name":"--lr-size-0-1875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 1875rem. Reads `--lr-theme-size-0-1875rem`."}},{"name":"--lr-size-0-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 1rem. Reads `--lr-theme-size-0-1rem`."}},{"name":"--lr-size-0-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 25rem. Reads `--lr-theme-size-0-25rem`."}},{"name":"--lr-size-0-3125rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 3125rem. Reads `--lr-theme-size-0-3125rem`."}},{"name":"--lr-size-0-35em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 35em. Reads `--lr-theme-size-0-35em`."}},{"name":"--lr-size-0-375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 375rem. Reads `--lr-theme-size-0-375rem`."}},{"name":"--lr-size-0-3em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 3em. Reads `--lr-theme-size-0-3em`."}},{"name":"--lr-size-0-4375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4375rem. Reads `--lr-theme-size-0-4375rem`."}},{"name":"--lr-size-0-4em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4em. Reads `--lr-theme-size-0-4em`."}},{"name":"--lr-size-0-4rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 4rem. Reads `--lr-theme-size-0-4rem`."}},{"name":"--lr-size-0-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 5em. Reads `--lr-theme-size-0-5em`."}},{"name":"--lr-size-0-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 5rem. Reads `--lr-theme-size-0-5rem`."}},{"name":"--lr-size-0-625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 625rem. Reads `--lr-theme-size-0-625rem`."}},{"name":"--lr-size-0-6875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 6875rem. Reads `--lr-theme-size-0-6875rem`."}},{"name":"--lr-size-0-6rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 6rem. Reads `--lr-theme-size-0-6rem`."}},{"name":"--lr-size-0-75em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 75em. Reads `--lr-theme-size-0-75em`."}},{"name":"--lr-size-0-75rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 75rem. Reads `--lr-theme-size-0-75rem`."}},{"name":"--lr-size-0-7em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 7em. Reads `--lr-theme-size-0-7em`."}},{"name":"--lr-size-0-875em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 875em. Reads `--lr-theme-size-0-875em`."}},{"name":"--lr-size-0-8rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 8rem. Reads `--lr-theme-size-0-8rem`."}},{"name":"--lr-size-0-9375rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 0 9375rem. Reads `--lr-theme-size-0-9375rem`."}},{"name":"--lr-size-1-0625rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 0625rem. Reads `--lr-theme-size-1-0625rem`."}},{"name":"--lr-size-1-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 1rem. Reads `--lr-theme-size-1-1rem`."}},{"name":"--lr-size-1-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 25rem. Reads `--lr-theme-size-1-25rem`."}},{"name":"--lr-size-1-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 5em. Reads `--lr-theme-size-1-5em`."}},{"name":"--lr-size-1-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 5rem. Reads `--lr-theme-size-1-5rem`."}},{"name":"--lr-size-1-75rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 75rem. Reads `--lr-theme-size-1-75rem`."}},{"name":"--lr-size-1-875rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1 875rem. Reads `--lr-theme-size-1-875rem`."}},{"name":"--lr-size-10px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 10px. Reads `--lr-theme-size-10px`."}},{"name":"--lr-size-10rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 10rem. Reads `--lr-theme-size-10rem`."}},{"name":"--lr-size-12em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 12em. Reads `--lr-theme-size-12em`."}},{"name":"--lr-size-12rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 12rem. Reads `--lr-theme-size-12rem`."}},{"name":"--lr-size-14px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 14px. Reads `--lr-theme-size-14px`."}},{"name":"--lr-size-14rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 14rem. Reads `--lr-theme-size-14rem`."}},{"name":"--lr-size-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 15rem. Reads `--lr-theme-size-15rem`."}},{"name":"--lr-size-16px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 16px. Reads `--lr-theme-size-16px`."}},{"name":"--lr-size-16rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 16rem. Reads `--lr-theme-size-16rem`."}},{"name":"--lr-size-18rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 18rem. Reads `--lr-theme-size-18rem`."}},{"name":"--lr-size-1em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1em. Reads `--lr-theme-size-1em`."}},{"name":"--lr-size-1px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1px. Reads `--lr-theme-size-1px`."}},{"name":"--lr-size-1rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 1rem. Reads `--lr-theme-size-1rem`."}},{"name":"--lr-size-2-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 25rem. Reads `--lr-theme-size-2-25rem`."}},{"name":"--lr-size-2-5ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 5ch. Reads `--lr-theme-size-2-5ch`."}},{"name":"--lr-size-2-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2 5rem. Reads `--lr-theme-size-2-5rem`."}},{"name":"--lr-size-20rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 20rem. Reads `--lr-theme-size-20rem`."}},{"name":"--lr-size-22rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 22rem. Reads `--lr-theme-size-22rem`."}},{"name":"--lr-size-24px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 24px. Reads `--lr-theme-size-24px`."}},{"name":"--lr-size-24rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 24rem. Reads `--lr-theme-size-24rem`."}},{"name":"--lr-size-280px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 280px. Reads `--lr-theme-size-280px`."}},{"name":"--lr-size-28px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 28px. Reads `--lr-theme-size-28px`."}},{"name":"--lr-size-28rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 28rem. Reads `--lr-theme-size-28rem`."}},{"name":"--lr-size-2px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2px. Reads `--lr-theme-size-2px`."}},{"name":"--lr-size-2rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 2rem. Reads `--lr-theme-size-2rem`."}},{"name":"--lr-size-3-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3 5em. Reads `--lr-theme-size-3-5em`."}},{"name":"--lr-size-3-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3 5rem. Reads `--lr-theme-size-3-5rem`."}},{"name":"--lr-size-30rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 30rem. Reads `--lr-theme-size-30rem`."}},{"name":"--lr-size-32rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 32rem. Reads `--lr-theme-size-32rem`."}},{"name":"--lr-size-36rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 36rem. Reads `--lr-theme-size-36rem`."}},{"name":"--lr-size-38rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 38rem. Reads `--lr-theme-size-38rem`."}},{"name":"--lr-size-3ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3ch. Reads `--lr-theme-size-3ch`."}},{"name":"--lr-size-3px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3px. Reads `--lr-theme-size-3px`."}},{"name":"--lr-size-3rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 3rem. Reads `--lr-theme-size-3rem`."}},{"name":"--lr-size-48rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 48rem. Reads `--lr-theme-size-48rem`."}},{"name":"--lr-size-4ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4ch. Reads `--lr-theme-size-4ch`."}},{"name":"--lr-size-4px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4px. Reads `--lr-theme-size-4px`."}},{"name":"--lr-size-4rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 4rem. Reads `--lr-theme-size-4rem`."}},{"name":"--lr-size-5em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 5em. Reads `--lr-theme-size-5em`."}},{"name":"--lr-size-5rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 5rem. Reads `--lr-theme-size-5rem`."}},{"name":"--lr-size-6ch","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6ch. Reads `--lr-theme-size-6ch`."}},{"name":"--lr-size-6em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6em. Reads `--lr-theme-size-6em`."}},{"name":"--lr-size-6px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6px. Reads `--lr-theme-size-6px`."}},{"name":"--lr-size-6rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 6rem. Reads `--lr-theme-size-6rem`."}},{"name":"--lr-size-7rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 7rem. Reads `--lr-theme-size-7rem`."}},{"name":"--lr-size-8em","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 8em. Reads `--lr-theme-size-8em`."}},{"name":"--lr-size-8rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size 8rem. Reads `--lr-theme-size-8rem`."}},{"name":"--lr-size-neg-0-15rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 0 15rem. Reads `--lr-theme-size-neg-0-15rem`."}},{"name":"--lr-size-neg-0-25rem","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 0 25rem. Reads `--lr-theme-size-neg-0-25rem`."}},{"name":"--lr-size-neg-1px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 1px. Reads `--lr-theme-size-neg-1px`."}},{"name":"--lr-size-neg-4px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 4px. Reads `--lr-theme-size-neg-4px`."}},{"name":"--lr-size-neg-6px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 6px. Reads `--lr-theme-size-neg-6px`."}},{"name":"--lr-size-neg-8px","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for size neg 8px. Reads `--lr-theme-size-neg-8px`."}},{"name":"--lr-skeleton-border-radius","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-radius)`) — Text/rectangle corner radius."}},{"name":"--lr-skeleton-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-color-border)`) — Placeholder color."}},{"name":"--lr-skeleton-h","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-size-1em)`) — Block size of the placeholder."}},{"name":"--lr-skeleton-sheen-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-color-surface)`) — Sheen highlight color."}},{"name":"--lr-skeleton-w","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `100%`) — Inline size of the placeholder."}},{"name":"--lr-slider-gap","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-space-s)`) — Gap between the track row, value, label, references, and hint as they wrap."}},{"name":"--lr-slider-row-size","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-form-control-height) * 0.6)`) — Cross-axis extent of the control's interactive row: its block size when horizontal, its inline size when vertical. Scales off the shared form-control ladder, so a size tier moves it without a per-tier rule."}},{"name":"--lr-slider-thumb-active-ring-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-slider-thumb-hover-ring-color)`) — Thumb ring while pressed."}},{"name":"--lr-slider-thumb-bg","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-brand)`) — Resting thumb background."}},{"name":"--lr-slider-thumb-border-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-surface)`) — Resting thumb border."}},{"name":"--lr-slider-thumb-hover-ring-color","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-color-brand-quiet)`) — Thumb ring while hovered."}},{"name":"--lr-slider-thumb-size","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-form-control-height) * 0.4)`) — Diameter of each draggable handle, derived from the `size` tier's shared control height. The transparent drag area around it never drops below 1.75rem/28px, whatever this is set to."}},{"name":"--lr-slider-tooltip-distance","description":{"kind":"markdown","value":"`<lr-slider>` (default: `8`) — Numeric CSS-pixel distance written by the `tooltipDistance` property for the internal tooltip-placement calculation."}},{"name":"--lr-slider-track-length","description":{"kind":"markdown","value":"`<lr-slider>` (default: `var(--lr-size-10rem)`) — Length of the track in `orientation=\"vertical\"`; the horizontal track fills its container instead. Declared as an inline `var()` fallback (never on `:host`), so a consumer override at any ancestor wins."}},{"name":"--lr-slider-track-thickness","description":{"kind":"markdown","value":"`<lr-slider>` (default: `calc(var(--lr-slider-thumb-size) * 0.25)`) — Thickness of the track, the filled indicator and (scaled from it) the `with-markers` ticks."}},{"name":"--lr-source-card-bg","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-color-surface)`) — Background of the RESTING `frame=\"card\"` chrome, the companion to the `compact` tier's existing padding/gap levers. `frame=\"plain\"` still drops the fill entirely."}},{"name":"--lr-source-card-compact-gap","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-source-card-compact-padding","description":{"kind":"markdown","value":"`<lr-source-card>` (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-source-picker-checked-bg","description":{"kind":"markdown","value":"`<lr-source-picker>` — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."}},{"name":"--lr-source-picker-checked-border","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."}},{"name":"--lr-source-picker-depth","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `0`) — Internal indent plumbing, not a retheming knob: the row's own nesting depth, written inline onto `[part=\"item\"]` as a plain number and multiplied by `--lr-source-picker-indent-size` to produce the indent."}},{"name":"--lr-source-picker-indent-size","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `var(--lr-size-1-25rem)`) — Indent step added to `[part=\"item\"]`'s `padding-inline-start` per nesting level. The total indent is capped at `--lr-size-8rem` so a deeply nested tree cannot push its labels out of view."}},{"name":"--lr-source-picker-mixed-bg","description":{"kind":"markdown","value":"`<lr-source-picker>` (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."}},{"name":"--lr-space-2xl","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space 2xl. Reads `--lr-theme-space-2xl`."}},{"name":"--lr-space-2xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space 2xs. Reads `--lr-theme-space-2xs`."}},{"name":"--lr-space-l","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space l. Reads `--lr-theme-space-l`."}},{"name":"--lr-space-m","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space m. Reads `--lr-theme-space-m`."}},{"name":"--lr-space-s","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space s. Reads `--lr-theme-space-s`."}},{"name":"--lr-space-xs","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for space xs. Reads `--lr-theme-space-xs`."}},{"name":"--lr-span-waterfall-denied-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-warning)`) — Denied bar fill."}},{"name":"--lr-span-waterfall-error-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-danger)`) — Error bar fill."}},{"name":"--lr-span-waterfall-name-width","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `8rem`) — Width of the name gutter column."}},{"name":"--lr-span-waterfall-pending-border-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-border-strong)`) — Pending bar border."}},{"name":"--lr-span-waterfall-row-active-bg","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-span-waterfall-running-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand)`) — Running stripe foreground."}},{"name":"--lr-span-waterfall-running-stripe-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-brand-quiet)`) — Running stripe background."}},{"name":"--lr-span-waterfall-stripe-speed","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-duration-ambient)`) — Animation duration for a `running` span's striped bar. The fallback is the bare-duration `--lr-duration-ambient`, not the `--lr-transition-ambient` duration+easing shorthand, which would be invalid in an `animation-duration` slot."}},{"name":"--lr-span-waterfall-success-color","description":{"kind":"markdown","value":"`<lr-span-waterfall>` (default: `var(--lr-color-success)`) — Success bar fill."}},{"name":"--lr-sparkline-stroke-width","description":{"kind":"markdown","value":"`<lr-sparkline>` (default: `var(--lr-border-width-medium)`) — Compatibility alias used as the fallback for `--line-width`."}},{"name":"--lr-spinner-duration","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-transition-ambient)`) — Duration/easing of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."}},{"name":"--lr-spinner-size","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."}},{"name":"--lr-spinner-track-width","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."}},{"name":"--lr-split-panel-divider-active-color","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--lr-color-border-strong)`) — Background of `divider` while being dragged (or focused and pressed via the keyboard)."}},{"name":"--lr-split-panel-divider-hit-area","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--divider-hit-area)`) — Lyra-prefixed hit-area alias."}},{"name":"--lr-split-panel-divider-hover-color","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--lr-color-brand)`) — Background of `divider` on hover/keyboard focus, independent of any other component's own hover token that happens to default to the same shared brand color."}},{"name":"--lr-split-panel-divider-width","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--divider-width)`) — Lyra-prefixed divider-width alias."}},{"name":"--lr-split-panel-max","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--max)`) — Lyra-prefixed maximum-size alias."}},{"name":"--lr-split-panel-min","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `var(--min)`) — Lyra-prefixed minimum-size alias."}},{"name":"--lr-spreadsheet-viewer-highlight-color","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-spreadsheet-viewer-highlight-outline-offset","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `calc(-1 * var(--lr-border-width-medium))`) — Outline offset of a highlighted cell."}},{"name":"--lr-spreadsheet-viewer-max-height","description":{"kind":"markdown","value":"`<lr-spreadsheet-viewer>` (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-stack-trace-background","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-stack-trace-border-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-border)`) — Colour of the outer card's border."}},{"name":"--lr-stack-trace-compact-gap","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-space-2xs)`) — Space below `[part=\"message\"]` and between `[part=\"group\"]`s while `compact`."}},{"name":"--lr-stack-trace-compact-padding","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-space-2xs)`) — `[part=\"base\"]` padding while `compact`. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-stack-trace-font","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."}},{"name":"--lr-stack-trace-interactive-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-brand)`) — Interactive frame/toggle accent."}},{"name":"--lr-stack-trace-internal-frame-color","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-color-text-quiet)`) — Internal frame foreground."}},{"name":"--lr-stack-trace-max-height","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."}},{"name":"--lr-stack-trace-radius","description":{"kind":"markdown","value":"`<lr-stack-trace>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-stat-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-surface)`) — Resting background of the card. The pressed fill of a linked card mixes from this value too, so one override retints both. `frame=\"plain\"` still paints transparent."}},{"name":"--lr-stat-emphasis-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Accent-edge color when `emphasis` is set. Independent of the headline's emphasis tint and `brand` variant."}},{"name":"--lr-stat-emphasis-value-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Headline value color when `emphasis` is set on a neutral stat. Independent of the accent edge and `brand` variant."}},{"name":"--lr-stat-gap","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-space-xs)`) — Gap between the card's stacked parts, read by both `[part=\"base\"]` and the linked-card content wrapper. The `compact` variant reads the same property with its own current default (`var(--lr-size-0-125rem)`) as its fallback."}},{"name":"--lr-stat-link-active-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(...)`) — Linked-card background while pressed."}},{"name":"--lr-stat-link-active-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-stat-link-hover-border-color,var(--lr-color-brand))`) — Linked-card border while pressed."}},{"name":"--lr-stat-link-active-shadow","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-stat-link-hover-shadow,var(--lr-shadow-s))`) — Linked-card shadow while pressed."}},{"name":"--lr-stat-link-hover-border-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Linked-card border on hover."}},{"name":"--lr-stat-link-hover-shadow","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-shadow-s)`) — Linked-card shadow on hover."}},{"name":"--lr-stat-padding","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-space-m)`) — Padding of the card, read by both `[part=\"base\"]` and the linked-card content wrapper so a linked and unlinked stat never drift. The `compact` and `frame=\"plain\"` variants read the same property with their own current default as its fallback (`var(--lr-space-s)` and `0` respectively), so one override reaches every rendering path."}},{"name":"--lr-stat-trend-bad-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."}},{"name":"--lr-stat-trend-bad-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."}},{"name":"--lr-stat-trend-good-bg","description":{"kind":"markdown","value":"`<lr-stat>` (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."}},{"name":"--lr-stat-trend-good-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."}},{"name":"--lr-stat-value-brand-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-brand)`) — Headline value color for the `brand` variant."}},{"name":"--lr-stat-value-danger-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-danger)`) — Headline value color for the `danger` variant."}},{"name":"--lr-stat-value-success-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-success)`) — Headline value color for the `success` variant."}},{"name":"--lr-stat-value-warning-color","description":{"kind":"markdown","value":"`<lr-stat>` (default: `var(--lr-color-warning)`) — Headline value color for the `warning` variant."}},{"name":"--lr-stepper-active-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled step."}},{"name":"--lr-stepper-active-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of a pressed, non-disabled step."}},{"name":"--lr-stepper-current-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."}},{"name":"--lr-stepper-current-font-weight","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."}},{"name":"--lr-stepper-current-index-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."}},{"name":"--lr-stepper-current-index-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-on-brand)`) — Text color of the `current` step's numbered index chip."}},{"name":"--lr-stepper-error-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-danger)`) — Text color of an `error` step."}},{"name":"--lr-stepper-hover-bg","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered, non-disabled step."}},{"name":"--lr-stepper-hover-color","description":{"kind":"markdown","value":"`<lr-stepper>` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled step."}},{"name":"--lr-stream-status-dot-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Its private default changes with reflected `connection-state` and the component-owned `data-stalled` state: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-dot-opacity","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `0.35`) — `indicator` dot opacity. Its private default changes with those same host states: `0.6` for `connecting`, `1` for `streaming` and `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-message-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning)`) — `phase` and `message` text color while `data-stalled` is present. Decoupled from `--lr-stream-status-stalled-border-color` even though both fall back to the same shared token today."}},{"name":"--lr-stream-status-stalled-bg","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning-quiet)`) — `base` row background while `data-stalled` is present."}},{"name":"--lr-stream-status-stalled-border-color","description":{"kind":"markdown","value":"`<lr-stream-status>` (default: `var(--lr-color-warning)`) — `base` row border color while `data-stalled` is present."}},{"name":"--lr-subagent-panel-background","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-surface)`) — Resting fill of each run row's trigger and action buttons. Hover and press follow `--lr-subagent-panel-hover-background`, so retune both together."}},{"name":"--lr-subagent-panel-border-color","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-border)`) — Colour of each run row's border and of its action divider. A selected row still uses `--lr-subagent-panel-selected-border`."}},{"name":"--lr-subagent-panel-compact-action-padding","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs)`) — `[part=\"cancel\"]`/ `[part=\"retry\"]` padding while `compact`."}},{"name":"--lr-subagent-panel-compact-font-size","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-font-size-2xs)`) — `[part=\"task\"]`/ `[part=\"model\"]` font size while `compact`."}},{"name":"--lr-subagent-panel-compact-trigger-gap","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"run-trigger\"]`'s label/status/task/model/progress while `compact`."}},{"name":"--lr-subagent-panel-compact-trigger-padding","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"run-trigger\"]` padding while `compact`."}},{"name":"--lr-subagent-panel-hover-background","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-surface-raised)`) — Hovered fill of each run row's trigger and action buttons. The pressed fill is this value mixed a further `--lr-color-mix-active` toward `--lr-color-mix-partner`, so retuning hover carries the press with it."}},{"name":"--lr-subagent-panel-progress-fill","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-brand)`) — Progress fill."}},{"name":"--lr-subagent-panel-progress-track","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-border)`) — Progress track."}},{"name":"--lr-subagent-panel-radius","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-radius)`) — Corner radius of each run row. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-subagent-panel-selected-border","description":{"kind":"markdown","value":"`<lr-subagent-panel>` (default: `var(--lr-color-brand)`) — Selected run border."}},{"name":"--lr-suggestion-chips-disabled-opacity","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `0.5`) — Opacity of a chip whose suggestion sets `disabled`."}},{"name":"--lr-suggestion-chips-hover-bg","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."}},{"name":"--lr-suggestion-chips-hover-border","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `var(--lr-color-brand)`) — Border color of a hovered chip."}},{"name":"--lr-suggestion-chips-justify","description":{"kind":"markdown","value":"`<lr-suggestion-chips>` (default: `flex-start`) — Main-axis packing of the chip row. `center` centers every line, the wrapped final one included — what `::part(base)` alone cannot do."}},{"name":"--lr-svg-viewer-active-border","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId`. Distinct from the resting highlight border, so the active region can be recolored without touching the rest."}},{"name":"--lr-svg-viewer-highlight-accent-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-danger-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-neutral-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-success-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-warning-color","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-svg-viewer-max-height","description":{"kind":"markdown","value":"`<lr-svg-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-swatch-picker-fill-size","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-theme-swatch-picker-fill-size, var(--lr-size-1-5rem))`) — Visible fill/icon diameter for the swatch. Its private default follows the active tier. Set `--lr-theme-swatch-picker-fill-size` on an ancestor to give every tier a shared default, or set this component hook on an ancestor/direct host to override every tier."}},{"name":"--lr-swatch-picker-gap","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-space-xs)`) — Gap between swatches."}},{"name":"--lr-swatch-picker-gemstone-selected-blur","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-gemstone-selected-blur, var(--lr-size-0-5rem))`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden. Applies to a plain color-fill swatch and to a consumer-supplied `icon` override; the automatic gemstone glyph itself is themed by `--lr-gemstone-selected-blur` directly (see `theme/gemstones.js`'s `gemstoneSelectedGlyphStyles`), which this hook's own default now aliases so the two cannot silently drift apart."}},{"name":"--lr-swatch-picker-gemstone-shine-duration","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-gemstone-selected-shine-duration, var(--lr-transition-ambient))`) — Selected shine timing used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden. Same scope and aliasing as `--lr-swatch-picker-gemstone-selected-blur` above."}},{"name":"--lr-swatch-picker-hit-size","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-size-2-5rem)`) — Hit-area size (both min-inline-size and min-block-size) for the swatch button. Its private default follows the active tier and is floored at 24px; an inherited or direct public value wins."}},{"name":"--lr-swatch-picker-selected-blur","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `0`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."}},{"name":"--lr-swatch-picker-selected-color","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."}},{"name":"--lr-swatch-picker-shine-duration","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."}},{"name":"--lr-swatch-picker-wrap","description":{"kind":"markdown","value":"`<lr-swatch-picker>` (default: `wrap`) — `flex-wrap` on the swatch row. Reproduces today's hardcoded wrapping row by default; set `nowrap` to confine every swatch to a single row (e.g. inside a fixed-width popover panel whose height must not shift from a second row)."}},{"name":"--lr-switch-checked-label-color","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-label-color)`) — Text color of `[part='label']` while checked, independently themeable from the unchecked color."}},{"name":"--lr-switch-checked-thumb-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-thumb-fill)`) — Thumb fill while checked, independently themeable from the unchecked fill."}},{"name":"--lr-switch-checked-track-border","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-switch-track-border)`) — Border of `[part='track']` while checked, independently themeable from the unchecked border, so a bordered track can differ by state without reaching for `::part(track)` plus the `checked` custom state. Takes a whole `border` shorthand value, like `--lr-switch-track-border`; give both states the same border width unless a size change between them is what you want, since the track is `box-sizing: content-box` and a border grows its outer footprint."}},{"name":"--lr-switch-checked-track-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-brand)`) — Track fill while checked."}},{"name":"--lr-switch-gap","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-space-s)`) — Gap between the track and label."}},{"name":"--lr-switch-label-color","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-text)`) — Text color of `[part='label']`, and the checked-state fallback when `--lr-switch-checked-label-color` is unset."}},{"name":"--lr-switch-thumb-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-surface)`) — Thumb fill while unchecked, and the checked-state fallback when `--lr-switch-checked-thumb-fill` is unset."}},{"name":"--lr-switch-thumb-offset","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."}},{"name":"--lr-switch-track-active-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `color-mix(...)`) — Track fill while pressed."}},{"name":"--lr-switch-track-block-size","description":{"kind":"markdown","value":"`<lr-switch>` (default: `calc(var(--lr-form-control-height) * 0.5)`) — Block size of the track, half the `size` tier's shared control height; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."}},{"name":"--lr-switch-track-border","description":{"kind":"markdown","value":"`<lr-switch>` — Border of `[part='track']`, and the checked-state fallback when `--lr-switch-checked-track-border` is unset. Undeclared by default (no border renders at all), matching today's chrome."}},{"name":"--lr-switch-track-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `var(--lr-color-border)`) — Resting fill of `[part='track']`, used as the source for the hover and press fallbacks."}},{"name":"--lr-switch-track-hover-fill","description":{"kind":"markdown","value":"`<lr-switch>` (default: `color-mix(...)`) — Track fill while hovered."}},{"name":"--lr-switch-track-inline-size","description":{"kind":"markdown","value":"`<lr-switch>` (default: `calc(var(--lr-switch-track-block-size) * 1.8)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked. Derived from the block size, so re-sizing the track keeps its aspect ratio."}},{"name":"--lr-tab-group-active-bg","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-active-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-tab-group-hover-color, var(--lr-color-text))`) — Text color of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-hover-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above. Pressed-tab and scroll-control hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the group or any ancestor without retheming the other states."}},{"name":"--lr-tab-group-indicator-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."}},{"name":"--lr-tab-group-panel-hover-outline-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"panel\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-tab-group-panel-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-focus-ring-offset)`) — Offset of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-panel-hover-outline-style","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-panel-hover-outline-width","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"panel\"]`."}},{"name":"--lr-tab-group-scroll-button-active-bg","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-active-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-hover-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-text)`) — Text color of a hovered overflow scroll control."}},{"name":"--lr-tab-group-selected-color","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do)."}},{"name":"--lr-tab-group-vertical-nav-max-inline-size","description":{"kind":"markdown","value":"`<lr-tab-group>` (default: `var(--lr-size-12rem)`) — Maximum logical inline size of a vertical `start`/`end` nav. Long labels ellipsize inside that bound so the panel remains usable at narrow allocations."}},{"name":"--lr-table-cell-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Text colour of body cells; inherits the host's own colour by default."}},{"name":"--lr-table-cell-link-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand)`) — Colour of an anchor returned from a column's `cell(row)`. Such an anchor renders inside this component's shadow root, so page CSS cannot reach it and `::part()` cannot select past the first compound selector to reach it either; without this hook it computes to the UA default link blue. Set `revert` for the UA default."}},{"name":"--lr-table-cell-link-hover-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-cell-link-color,var(--lr-color-brand))`) — Colour of that anchor on hover and `:focus-visible`, which also thicken its underline."}},{"name":"--lr-table-cell-padding","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-space-s)`) — Padding of a header cell, a body cell, and the row-total cell."}},{"name":"--lr-table-cell-padding-compact","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-space-xs) var(--lr-space-s)`) — Padding of a group-header cell and a footer cell, which default to a tighter block/inline shorthand than `--lr-table-cell-padding` rather than sharing it outright."}},{"name":"--lr-table-font-size","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Font size of the `<table>` element and, through normal inheritance, every cell inside it. The rest of the font shorthand (family, weight, etc.) keeps inheriting from the host regardless of this override."}},{"name":"--lr-table-header-sorted-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-surface)`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`), including a `sticky` column's own header cell. Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."}},{"name":"--lr-table-header-sorted-color","description":{"kind":"markdown","value":"`<lr-table>` (default: `inherit`) — Text color of the currently-sorted column's header cell."}},{"name":"--lr-table-heat-t","description":{"kind":"markdown","value":"`<lr-table>` — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."}},{"name":"--lr-table-heat-tint-hi","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-heat-tint-lo","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-max-height","description":{"kind":"markdown","value":"`<lr-table>` (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."}},{"name":"--lr-table-resize-handle-active-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-resize-handle-hover-bg,var(--lr-color-brand))`) — Resize-handle pressed background."}},{"name":"--lr-table-resize-handle-active-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `calc(var(--lr-table-resize-handle-hover-opacity,var(--lr-table-resize-handle-opacity,0.12))2)`) — Resize-handle pressed opacity."}},{"name":"--lr-table-resize-handle-hover-bg","description":{"kind":"markdown","value":"`<lr-table>`* (default: `var(--lr-color-brand)`) — Resize-handle hover/focus background."}},{"name":"--lr-table-resize-handle-hover-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-table-resize-handle-opacity,0.12)`) — Resize-handle hover/focus opacity."}},{"name":"--lr-table-resize-handle-opacity","description":{"kind":"markdown","value":"`<lr-table>` (default: `0.12`) — Hover/focus opacity of the resize handle. Legacy shared-state hook; inherits from theme ancestors."}},{"name":"--lr-table-resize-min-width","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`. Inherits from theme ancestors."}},{"name":"--lr-table-row-selected-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `var(--lr-color-brand-quiet)`) — Background of a row whose `aria-selected` is `true`, including that row's own `sticky` column cell -- a sticky cell otherwise paints its own opaque surface and would hide the selected fill. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-table-row-stripe-bg","description":{"kind":"markdown","value":"`<lr-table>` (default: `transparent`) — Background of alternating body rows, including each row's own `sticky` column cell. The token is read only on rows carrying the internal stripe marker, so it can be set on the table or an ancestor without affecting group, expanded, hover, or selected rows."}},{"name":"--lr-table-sticky-offset","description":{"kind":"markdown","value":"`<lr-table>` (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."}},{"name":"--lr-tag-remove-hover-background","description":{"kind":"markdown","value":"`<lr-tag>` (default: `color-mix(in srgb, currentColor 16%, transparent)`) — Background of the remove button on hover."}},{"name":"--lr-tag-remove-radius","description":{"kind":"markdown","value":"`<lr-tag>` (default: `var(--lr-badge-radius)`) — Corner radius of the remove button, defaulting to the tag's own corner so retuning one retunes both."}},{"name":"--lr-task-list-background","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-task-list-border-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-task-list-compact-body-padding","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-task-list-compact-gap","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."}},{"name":"--lr-task-list-compact-header-font-size","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-font-size-sm)`) — `[part=\"header\"]` font size while `compact`."}},{"name":"--lr-task-list-compact-header-gap","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"header\"]`'s toggle/label/summary while `compact`."}},{"name":"--lr-task-list-compact-header-padding","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-task-list-error-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-danger)`) — Error status icon color."}},{"name":"--lr-task-list-pending-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-text-quiet)`) — Pending status icon color."}},{"name":"--lr-task-list-radius","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-task-list-running-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-brand)`) — Running status icon color."}},{"name":"--lr-task-list-spin","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-transition-ambient)`) — Running-status icon spin animation duration/timing."}},{"name":"--lr-task-list-success-color","description":{"kind":"markdown","value":"`<lr-task-list>` (default: `var(--lr-color-success)`) — Success status icon color."}},{"name":"--lr-terminal-bg-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg black. Reads `--lr-theme-terminal-bg-black`."}},{"name":"--lr-terminal-bg-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg blue. Reads `--lr-theme-terminal-bg-blue`."}},{"name":"--lr-terminal-bg-bright-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright black. Reads `--lr-theme-terminal-bg-bright-black`."}},{"name":"--lr-terminal-bg-bright-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright blue. Reads `--lr-theme-terminal-bg-bright-blue`."}},{"name":"--lr-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright cyan. Reads `--lr-theme-terminal-bg-bright-cyan`."}},{"name":"--lr-terminal-bg-bright-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright green. Reads `--lr-theme-terminal-bg-bright-green`."}},{"name":"--lr-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright magenta. Reads `--lr-theme-terminal-bg-bright-magenta`."}},{"name":"--lr-terminal-bg-bright-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright red. Reads `--lr-theme-terminal-bg-bright-red`."}},{"name":"--lr-terminal-bg-bright-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright white. Reads `--lr-theme-terminal-bg-bright-white`."}},{"name":"--lr-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg bright yellow. Reads `--lr-theme-terminal-bg-bright-yellow`."}},{"name":"--lr-terminal-bg-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg cyan. Reads `--lr-theme-terminal-bg-cyan`."}},{"name":"--lr-terminal-bg-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg green. Reads `--lr-theme-terminal-bg-green`."}},{"name":"--lr-terminal-bg-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg magenta. Reads `--lr-theme-terminal-bg-magenta`."}},{"name":"--lr-terminal-bg-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg red. Reads `--lr-theme-terminal-bg-red`."}},{"name":"--lr-terminal-bg-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg white. Reads `--lr-theme-terminal-bg-white`."}},{"name":"--lr-terminal-bg-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal bg yellow. Reads `--lr-theme-terminal-bg-yellow`."}},{"name":"--lr-terminal-border-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the toolbar/log divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-terminal-color-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color black. Reads `--lr-theme-terminal-color-black`."}},{"name":"--lr-terminal-color-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color blue. Reads `--lr-theme-terminal-color-blue`."}},{"name":"--lr-terminal-color-bright-black","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright black. Reads `--lr-theme-terminal-color-bright-black`."}},{"name":"--lr-terminal-color-bright-blue","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright blue. Reads `--lr-theme-terminal-color-bright-blue`."}},{"name":"--lr-terminal-color-bright-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright cyan. Reads `--lr-theme-terminal-color-bright-cyan`."}},{"name":"--lr-terminal-color-bright-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright green. Reads `--lr-theme-terminal-color-bright-green`."}},{"name":"--lr-terminal-color-bright-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright magenta. Reads `--lr-theme-terminal-color-bright-magenta`."}},{"name":"--lr-terminal-color-bright-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright red. Reads `--lr-theme-terminal-color-bright-red`."}},{"name":"--lr-terminal-color-bright-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright white. Reads `--lr-theme-terminal-color-bright-white`."}},{"name":"--lr-terminal-color-bright-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color bright yellow. Reads `--lr-theme-terminal-color-bright-yellow`."}},{"name":"--lr-terminal-color-cyan","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color cyan. Reads `--lr-theme-terminal-color-cyan`."}},{"name":"--lr-terminal-color-green","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color green. Reads `--lr-theme-terminal-color-green`."}},{"name":"--lr-terminal-color-magenta","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color magenta. Reads `--lr-theme-terminal-color-magenta`."}},{"name":"--lr-terminal-color-red","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color red. Reads `--lr-theme-terminal-color-red`."}},{"name":"--lr-terminal-color-white","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color white. Reads `--lr-theme-terminal-color-white`."}},{"name":"--lr-terminal-color-yellow","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for terminal color yellow. Reads `--lr-theme-terminal-color-yellow`."}},{"name":"--lr-terminal-compact-line-padding-inline","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-xs)`) — Inline padding of each rendered `[part=\"line\"]` while `compact`."}},{"name":"--lr-terminal-compact-toolbar-gap","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-2xs)`) — Gap between `[part=\"toolbar\"]`'s buttons while `compact`."}},{"name":"--lr-terminal-compact-toolbar-padding","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-space-2xs) var(--lr-space-xs)`) — `[part=\"toolbar\"]` padding while `compact`."}},{"name":"--lr-terminal-height","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-size-20rem)`) — Block size of `[part=\"viewport\"]`, the scrollable log region. Not declared on `:host`, so it is inherited — set it on the host or any ancestor."}},{"name":"--lr-terminal-highlight-accent-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone highlighted line. Decoupled from the shared `--lr-color-brand-quiet` token also used by `[part=\"copy-button\"]`/`[part=\"download-button\"]`'s hover state, and from any `::part('line')` override (the background is applied inline, so a stylesheet rule can't beat it without `!important`)."}},{"name":"--lr-terminal-highlight-danger-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."}},{"name":"--lr-terminal-highlight-neutral-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."}},{"name":"--lr-terminal-highlight-success-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."}},{"name":"--lr-terminal-highlight-warning-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."}},{"name":"--lr-terminal-line-active-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `color-mix(in oklab, var(--lr-terminal-line-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of an ordinary rendered line."}},{"name":"--lr-terminal-line-hover-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Hover background of an ordinary rendered `[part=\"line\"]`."}},{"name":"--lr-terminal-radius","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-terminal-search-active-outline-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand)`) — Outline color for the active search match's line."}},{"name":"--lr-terminal-search-outline-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."}},{"name":"--lr-terminal-surface-color","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-surface-raised)`) — Card-frame background and the fallback foreground for inverse ANSI segments without an explicit background. The `frame=\"plain\"` escape remains transparent."}},{"name":"--lr-terminal-toolbar-button-active-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `color-mix(in oklab, var(--lr-terminal-toolbar-button-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the toolbar buttons."}},{"name":"--lr-terminal-toolbar-button-hover-bg","description":{"kind":"markdown","value":"`<lr-terminal>` (default: `var(--lr-color-brand-quiet)`) — Hover background of `[part=\"copy-button\"]` and `[part=\"download-button\"]`."}},{"name":"--lr-test-results-failed-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-danger)`) — Failed-state foreground."}},{"name":"--lr-test-results-filter-active-bg","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-border","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."}},{"name":"--lr-test-results-passed-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-success)`) — Passed-state foreground."}},{"name":"--lr-test-results-running-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-brand)`) — Running-state foreground."}},{"name":"--lr-test-results-skipped-color","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-color-text-quiet)`) — Skipped-state foreground."}},{"name":"--lr-test-results-spinner-size","description":{"kind":"markdown","value":"`<lr-test-results>` (default: `var(--lr-size-1em)`) — Diameter of the composed spinner in a running test row."}},{"name":"--lr-textarea-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-color-border)`) — Border color of the field. Its private default follows `appearance` in the same way as `--lr-textarea-fill`."}},{"name":"--lr-textarea-fill","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `transparent`) — Background of the field. Its private default follows `appearance`; the documented default is `appearance=\"outlined\"`'s value."}},{"name":"--lr-textarea-focus-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-textarea-border-color)`) — Field border color while the native textarea is focused. Unset, it resolves to this field's own resting border color, so a textarea with no override renders exactly as before this hook existed."}},{"name":"--lr-textarea-font-size","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-font-size)`) — Font size of the native textarea, from the active `size` tier of the shared ladder."}},{"name":"--lr-textarea-hover-border-color","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-color-brand)`) — Field border color while the native textarea is hovered."}},{"name":"--lr-textarea-max-block-size","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `none`) — Maximum auto-grown block size before the textarea scrolls."}},{"name":"--lr-textarea-padding","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-padding-inline)`) — Padding of the native textarea on all four sides, from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`). The ladder's inline gutter is used on every side deliberately: its block padding is `0` at the two tightest tiers because a control row's height floor supplies the space there, and a textarea has no such floor -- the first line of text would sit on the border."}},{"name":"--lr-textarea-radius","description":{"kind":"markdown","value":"`<lr-textarea>` (default: `var(--lr-form-control-radius)`) — Corner radius of the field, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` changes the private default to `--lr-radius-pill`; a public value still wins."}},{"name":"--lr-theme-border-radius-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for border radius m."}},{"name":"--lr-theme-border-radius-pill","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-radius-pill."}},{"name":"--lr-theme-border-radius-xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-radius-xs."}},{"name":"--lr-theme-border-width-medium","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-medium."}},{"name":"--lr-theme-border-width-thick","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-thick."}},{"name":"--lr-theme-border-width-thin","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-border-width-thin."}},{"name":"--lr-theme-color-border-strong","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color border strong."}},{"name":"--lr-theme-color-brand-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border loud."}},{"name":"--lr-theme-color-brand-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border normal."}},{"name":"--lr-theme-color-brand-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand border quiet."}},{"name":"--lr-theme-color-brand-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill loud."}},{"name":"--lr-theme-color-brand-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill normal."}},{"name":"--lr-theme-color-brand-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand fill quiet."}},{"name":"--lr-theme-color-brand-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on loud."}},{"name":"--lr-theme-color-brand-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on normal."}},{"name":"--lr-theme-color-brand-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color brand on quiet."}},{"name":"--lr-theme-color-chart-1","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 1."}},{"name":"--lr-theme-color-chart-2","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 2."}},{"name":"--lr-theme-color-chart-3","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 3."}},{"name":"--lr-theme-color-chart-4","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 4."}},{"name":"--lr-theme-color-chart-5","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 5."}},{"name":"--lr-theme-color-chart-6","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 6."}},{"name":"--lr-theme-color-chart-7","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 7."}},{"name":"--lr-theme-color-chart-8","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color chart 8."}},{"name":"--lr-theme-color-danger-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border loud."}},{"name":"--lr-theme-color-danger-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border normal."}},{"name":"--lr-theme-color-danger-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger border quiet."}},{"name":"--lr-theme-color-danger-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill loud."}},{"name":"--lr-theme-color-danger-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill normal."}},{"name":"--lr-theme-color-danger-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger fill quiet."}},{"name":"--lr-theme-color-danger-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on loud."}},{"name":"--lr-theme-color-danger-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on normal."}},{"name":"--lr-theme-color-danger-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color danger on quiet."}},{"name":"--lr-theme-color-focus","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color focus."}},{"name":"--lr-theme-color-mix-active","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-active."}},{"name":"--lr-theme-color-mix-hover","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-hover."}},{"name":"--lr-theme-color-mix-partner","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-mix-partner."}},{"name":"--lr-theme-color-neutral-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border loud."}},{"name":"--lr-theme-color-neutral-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border normal."}},{"name":"--lr-theme-color-neutral-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral border quiet."}},{"name":"--lr-theme-color-neutral-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill loud."}},{"name":"--lr-theme-color-neutral-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill normal."}},{"name":"--lr-theme-color-neutral-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral fill quiet."}},{"name":"--lr-theme-color-neutral-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on loud."}},{"name":"--lr-theme-color-neutral-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on normal."}},{"name":"--lr-theme-color-neutral-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color neutral on quiet."}},{"name":"--lr-theme-color-no-data","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color no data."}},{"name":"--lr-theme-color-on-strong-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color on strong overlay."}},{"name":"--lr-theme-color-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color overlay."}},{"name":"--lr-theme-color-overlay-strong","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color overlay strong."}},{"name":"--lr-theme-color-shadow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-color-shadow."}},{"name":"--lr-theme-color-success-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border loud."}},{"name":"--lr-theme-color-success-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border normal."}},{"name":"--lr-theme-color-success-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success border quiet."}},{"name":"--lr-theme-color-success-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill loud."}},{"name":"--lr-theme-color-success-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill normal."}},{"name":"--lr-theme-color-success-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success fill quiet."}},{"name":"--lr-theme-color-success-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on loud."}},{"name":"--lr-theme-color-success-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on normal."}},{"name":"--lr-theme-color-success-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color success on quiet."}},{"name":"--lr-theme-color-surface-border","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface border."}},{"name":"--lr-theme-color-surface-default","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface default."}},{"name":"--lr-theme-color-surface-overlay","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface overlay."}},{"name":"--lr-theme-color-surface-raised","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color surface raised."}},{"name":"--lr-theme-color-text-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color text normal."}},{"name":"--lr-theme-color-text-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color text quiet."}},{"name":"--lr-theme-color-warning-border-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border loud."}},{"name":"--lr-theme-color-warning-border-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border normal."}},{"name":"--lr-theme-color-warning-border-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning border quiet."}},{"name":"--lr-theme-color-warning-fill-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill loud."}},{"name":"--lr-theme-color-warning-fill-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill normal."}},{"name":"--lr-theme-color-warning-fill-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning fill quiet."}},{"name":"--lr-theme-color-warning-on-loud","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on loud."}},{"name":"--lr-theme-color-warning-on-normal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on normal."}},{"name":"--lr-theme-color-warning-on-quiet","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for color warning on quiet."}},{"name":"--lr-theme-duration-fast","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-fast."}},{"name":"--lr-theme-duration-icon","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-icon."}},{"name":"--lr-theme-duration-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-base."}},{"name":"--lr-theme-duration-slow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-duration-ambient."}},{"name":"--lr-theme-easing-emphasized","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-emphasized."}},{"name":"--lr-theme-easing-linear","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-linear."}},{"name":"--lr-theme-easing-standard","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-easing-standard."}},{"name":"--lr-theme-focus-ring-offset","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for focus ring offset."}},{"name":"--lr-theme-focus-ring-width","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for focus ring width."}},{"name":"--lr-theme-font-family-body","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font family body."}},{"name":"--lr-theme-font-family-mono","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font family mono."}},{"name":"--lr-theme-font-size-2xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 2xl."}},{"name":"--lr-theme-font-size-2xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 2xs."}},{"name":"--lr-theme-font-size-3xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 3xl."}},{"name":"--lr-theme-font-size-3xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size 3xs."}},{"name":"--lr-theme-font-size-lg","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size lg."}},{"name":"--lr-theme-font-size-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size m."}},{"name":"--lr-theme-font-size-md-sm","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size md sm."}},{"name":"--lr-theme-font-size-sm","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size sm."}},{"name":"--lr-theme-font-size-xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size xl."}},{"name":"--lr-theme-font-size-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for font size xs."}},{"name":"--lr-theme-font-weight-bold","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-bold."}},{"name":"--lr-theme-font-weight-medium","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-medium."}},{"name":"--lr-theme-font-weight-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-normal."}},{"name":"--lr-theme-font-weight-semibold","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-font-weight-semibold."}},{"name":"--lr-theme-form-control-height-2xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-2xs."}},{"name":"--lr-theme-form-control-height-l","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-l."}},{"name":"--lr-theme-form-control-height-m","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-m."}},{"name":"--lr-theme-form-control-height-s","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-s."}},{"name":"--lr-theme-form-control-height-xl","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-xl."}},{"name":"--lr-theme-form-control-height-xs","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-form-control-height-xs."}},{"name":"--lr-theme-form-control-radius","description":{"kind":"markdown","value":"Application theme input — Application input for --lr-form-control-radius; falls back to the shared token default."}},{"name":"--lr-theme-graph-cat-1","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 1."}},{"name":"--lr-theme-graph-cat-2","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 2."}},{"name":"--lr-theme-graph-cat-3","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 3."}},{"name":"--lr-theme-graph-cat-4","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 4."}},{"name":"--lr-theme-graph-cat-5","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 5."}},{"name":"--lr-theme-graph-cat-6","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 6."}},{"name":"--lr-theme-graph-cat-7","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 7."}},{"name":"--lr-theme-graph-cat-8","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for graph cat 8."}},{"name":"--lr-theme-hover-brightness","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-hover-brightness."}},{"name":"--lr-theme-icon-button-size","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for icon button size."}},{"name":"--lr-theme-line-height-1-4","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-1-4."}},{"name":"--lr-theme-line-height-compact","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-compact."}},{"name":"--lr-theme-line-height-loose","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-loose."}},{"name":"--lr-theme-line-height-none","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-none."}},{"name":"--lr-theme-line-height-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-normal."}},{"name":"--lr-theme-line-height-snug","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-line-height-snug."}},{"name":"--lr-theme-opacity-disabled","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-opacity-disabled."}},{"name":"--lr-theme-opacity-muted","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-opacity-muted."}},{"name":"--lr-theme-otp-input-segment-size","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-otp-input-segment-size."}},{"name":"--lr-theme-popover-viewport-clamp","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-popover-viewport-clamp."}},{"name":"--lr-theme-scroll-fade-size","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-scroll-fade-size."}},{"name":"--lr-theme-scrollbar-gutter","description":{"kind":"markdown","value":"`<lr-code-block>`, `<lr-code-block-core>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by `body`; see `--lr-theme-scrollbar-width`.\n\n`<lr-code-editor>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `editor` scroll frame; see `--lr-theme-scrollbar-width`.\n\n`<lr-table>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `base` scroll container; see `--lr-theme-scrollbar-width`.\n\n`<lr-virtual-list>` (default: `auto`) — Opt-in theme-level scrollbar gutter honored by the `base` scroll viewport; see `--lr-theme-scrollbar-width`."}},{"name":"--lr-theme-scrollbar-width","description":{"kind":"markdown","value":"`<lr-code-block>` (default: `auto`) — Opt-in theme-level scrollbar width honored by `body`; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once. Shared with `lr-code-block-core` (which reuses this stylesheet).\n\n`<lr-code-block-core>` (default: `auto`) — Opt-in theme-level scrollbar width honored by `body`; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once. Shared with `lr-code-block` (this component reuses its stylesheet).\n\n`<lr-code-editor>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `editor` scroll frame; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once.\n\n`<lr-table>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `base` scroll container; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once.\n\n`<lr-virtual-list>` (default: `auto`) — Opt-in theme-level scrollbar width honored by the `base` scroll viewport; unset, renders identically to before. Set on `:root` or any ancestor to retune every internal scroll container in the library at once."}},{"name":"--lr-theme-shadow-color","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow color."}},{"name":"--lr-theme-shadow-l","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow l."}},{"name":"--lr-theme-shadow-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow m."}},{"name":"--lr-theme-shadow-s","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow s."}},{"name":"--lr-theme-shadow-xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow xl."}},{"name":"--lr-theme-shadow-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for shadow xs."}},{"name":"--lr-theme-size-0-02em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-02em."}},{"name":"--lr-theme-size-0-03em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-03em."}},{"name":"--lr-theme-size-0-04em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-04em."}},{"name":"--lr-theme-size-0-05rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-05rem."}},{"name":"--lr-theme-size-0-0625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-0625rem."}},{"name":"--lr-theme-size-0-09375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-09375rem."}},{"name":"--lr-theme-size-0-125rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-125rem."}},{"name":"--lr-theme-size-0-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-15rem."}},{"name":"--lr-theme-size-0-1875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-1875rem."}},{"name":"--lr-theme-size-0-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-1rem."}},{"name":"--lr-theme-size-0-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-25rem."}},{"name":"--lr-theme-size-0-3125rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-3125rem."}},{"name":"--lr-theme-size-0-35em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-35em."}},{"name":"--lr-theme-size-0-375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-375rem."}},{"name":"--lr-theme-size-0-3em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-3em."}},{"name":"--lr-theme-size-0-4375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4375rem."}},{"name":"--lr-theme-size-0-4em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4em."}},{"name":"--lr-theme-size-0-4rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-4rem."}},{"name":"--lr-theme-size-0-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-5em."}},{"name":"--lr-theme-size-0-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-5rem."}},{"name":"--lr-theme-size-0-625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-625rem."}},{"name":"--lr-theme-size-0-6875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-6875rem."}},{"name":"--lr-theme-size-0-6rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-6rem."}},{"name":"--lr-theme-size-0-75em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-75em."}},{"name":"--lr-theme-size-0-75rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-75rem."}},{"name":"--lr-theme-size-0-7em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-7em."}},{"name":"--lr-theme-size-0-875em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-875em."}},{"name":"--lr-theme-size-0-8rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-8rem."}},{"name":"--lr-theme-size-0-9375rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-0-9375rem."}},{"name":"--lr-theme-size-1-0625rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-0625rem."}},{"name":"--lr-theme-size-1-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-1rem."}},{"name":"--lr-theme-size-1-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-25rem."}},{"name":"--lr-theme-size-1-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-5em."}},{"name":"--lr-theme-size-1-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-5rem."}},{"name":"--lr-theme-size-1-75rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-75rem."}},{"name":"--lr-theme-size-1-875rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1-875rem."}},{"name":"--lr-theme-size-10px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-10px."}},{"name":"--lr-theme-size-10rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-10rem."}},{"name":"--lr-theme-size-12em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-12em."}},{"name":"--lr-theme-size-12rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-12rem."}},{"name":"--lr-theme-size-14px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-14px."}},{"name":"--lr-theme-size-14rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-14rem."}},{"name":"--lr-theme-size-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-15rem."}},{"name":"--lr-theme-size-16px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-16px."}},{"name":"--lr-theme-size-16rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-16rem."}},{"name":"--lr-theme-size-18rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-18rem."}},{"name":"--lr-theme-size-1em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1em."}},{"name":"--lr-theme-size-1px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1px."}},{"name":"--lr-theme-size-1rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-1rem."}},{"name":"--lr-theme-size-2-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-25rem."}},{"name":"--lr-theme-size-2-5ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-5ch."}},{"name":"--lr-theme-size-2-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2-5rem."}},{"name":"--lr-theme-size-20rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-20rem."}},{"name":"--lr-theme-size-22rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-22rem."}},{"name":"--lr-theme-size-24px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-24px."}},{"name":"--lr-theme-size-24rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-24rem."}},{"name":"--lr-theme-size-280px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-280px."}},{"name":"--lr-theme-size-28px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-28px."}},{"name":"--lr-theme-size-28rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-28rem."}},{"name":"--lr-theme-size-2px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2px."}},{"name":"--lr-theme-size-2rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-2rem."}},{"name":"--lr-theme-size-3-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3-5em."}},{"name":"--lr-theme-size-3-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3-5rem."}},{"name":"--lr-theme-size-30rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-30rem."}},{"name":"--lr-theme-size-32rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-32rem."}},{"name":"--lr-theme-size-36rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-36rem."}},{"name":"--lr-theme-size-38rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-38rem."}},{"name":"--lr-theme-size-3ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3ch."}},{"name":"--lr-theme-size-3px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3px."}},{"name":"--lr-theme-size-3rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-3rem."}},{"name":"--lr-theme-size-48rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-48rem."}},{"name":"--lr-theme-size-4ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4ch."}},{"name":"--lr-theme-size-4px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4px."}},{"name":"--lr-theme-size-4rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-4rem."}},{"name":"--lr-theme-size-5em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-5em."}},{"name":"--lr-theme-size-5rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-5rem."}},{"name":"--lr-theme-size-6ch","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6ch."}},{"name":"--lr-theme-size-6em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6em."}},{"name":"--lr-theme-size-6px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6px."}},{"name":"--lr-theme-size-6rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-6rem."}},{"name":"--lr-theme-size-7rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-7rem."}},{"name":"--lr-theme-size-8em","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-8em."}},{"name":"--lr-theme-size-8rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-8rem."}},{"name":"--lr-theme-size-neg-0-15rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-0-15rem."}},{"name":"--lr-theme-size-neg-0-25rem","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-0-25rem."}},{"name":"--lr-theme-size-neg-1px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-1px."}},{"name":"--lr-theme-size-neg-4px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-4px."}},{"name":"--lr-theme-size-neg-6px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-6px."}},{"name":"--lr-theme-size-neg-8px","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-size-neg-8px."}},{"name":"--lr-theme-space-2xl","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space 2xl."}},{"name":"--lr-theme-space-2xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space 2xs."}},{"name":"--lr-theme-space-l","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space l."}},{"name":"--lr-theme-space-m","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space m."}},{"name":"--lr-theme-space-s","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space s."}},{"name":"--lr-theme-space-xs","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for space xs."}},{"name":"--lr-theme-terminal-bg-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg black."}},{"name":"--lr-theme-terminal-bg-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg blue."}},{"name":"--lr-theme-terminal-bg-bright-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright black."}},{"name":"--lr-theme-terminal-bg-bright-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright blue."}},{"name":"--lr-theme-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright cyan."}},{"name":"--lr-theme-terminal-bg-bright-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright green."}},{"name":"--lr-theme-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright magenta."}},{"name":"--lr-theme-terminal-bg-bright-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright red."}},{"name":"--lr-theme-terminal-bg-bright-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright white."}},{"name":"--lr-theme-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg bright yellow."}},{"name":"--lr-theme-terminal-bg-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg cyan."}},{"name":"--lr-theme-terminal-bg-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg green."}},{"name":"--lr-theme-terminal-bg-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg magenta."}},{"name":"--lr-theme-terminal-bg-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg red."}},{"name":"--lr-theme-terminal-bg-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg white."}},{"name":"--lr-theme-terminal-bg-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal bg yellow."}},{"name":"--lr-theme-terminal-color-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color black."}},{"name":"--lr-theme-terminal-color-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color blue."}},{"name":"--lr-theme-terminal-color-bright-black","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright black."}},{"name":"--lr-theme-terminal-color-bright-blue","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright blue."}},{"name":"--lr-theme-terminal-color-bright-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright cyan."}},{"name":"--lr-theme-terminal-color-bright-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright green."}},{"name":"--lr-theme-terminal-color-bright-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright magenta."}},{"name":"--lr-theme-terminal-color-bright-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright red."}},{"name":"--lr-theme-terminal-color-bright-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright white."}},{"name":"--lr-theme-terminal-color-bright-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color bright yellow."}},{"name":"--lr-theme-terminal-color-cyan","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color cyan."}},{"name":"--lr-theme-terminal-color-green","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color green."}},{"name":"--lr-theme-terminal-color-magenta","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color magenta."}},{"name":"--lr-theme-terminal-color-red","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color red."}},{"name":"--lr-theme-terminal-color-white","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color white."}},{"name":"--lr-theme-terminal-color-yellow","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for terminal color yellow."}},{"name":"--lr-theme-transition-fast","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-fast."}},{"name":"--lr-theme-transition-normal","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-base."}},{"name":"--lr-theme-transition-slow","description":{"kind":"markdown","value":"Application theme input — Application theme input for --lr-transition-ambient."}},{"name":"--lr-theme-z-index-base","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index base."}},{"name":"--lr-theme-z-index-content","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index content."}},{"name":"--lr-theme-z-index-dropdown","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index dropdown."}},{"name":"--lr-theme-z-index-modal","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index modal."}},{"name":"--lr-theme-z-index-popover","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index popover."}},{"name":"--lr-theme-z-index-toast","description":{"kind":"markdown","value":"Application theme input — Canonical application theme input for z index toast."}},{"name":"--lr-thinking-panel-background","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-surface)`) — Fill of the outer card (`[part=\"base\"]`) while `frame=\"card\"`. `frame=\"plain\"` still removes the fill entirely."}},{"name":"--lr-thinking-panel-body-hover-outline-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"body\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-thinking-panel-body-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `calc(-1 * var(--lr-focus-ring-offset))`) — Inward offset of the mouse-hover preview on `[part=\"body\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-thinking-panel-body-hover-outline-style","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-thinking-panel-body-hover-outline-width","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-focus-ring-width)`) — Outline width of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-thinking-panel-border-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-border)`) — Colour of the outer card's border and of the header/body divider, which `frame=\"plain\"` keeps."}},{"name":"--lr-thinking-panel-compact-body-padding","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-compact-header-font-size","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-font-size-sm)`) — Font size of `[part=\"header\"]` while `compact`."}},{"name":"--lr-thinking-panel-compact-header-gap","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-2xs)`) — Gap between the header toggle, label, and duration while `compact`."}},{"name":"--lr-thinking-panel-compact-header-padding","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-max-block-size","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."}},{"name":"--lr-thinking-panel-pending-color","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-color-brand)`) — Live pending-state color."}},{"name":"--lr-thinking-panel-radius","description":{"kind":"markdown","value":"`<lr-thinking-panel>` (default: `var(--lr-radius)`) — Corner radius of the outer card. `frame=\"plain\"` still squares the corners."}},{"name":"--lr-thread-list-excerpt-highlight-background","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-warning-quiet)`) — Background of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-foreground","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `inherit`) — Foreground of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-padding","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `0`) — Padding of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-radius","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-radius-xs)`) — Corner radius of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-group-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `color-mix(in oklab, var(--lr-thread-list-group-toggle-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Group-toggle pressed background."}},{"name":"--lr-thread-list-group-toggle-active-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-thread-list-group-toggle-hover-color, var(--lr-color-text))`) — Group-toggle pressed foreground."}},{"name":"--lr-thread-list-group-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-surface-raised)`) — Group-toggle hover background."}},{"name":"--lr-thread-list-group-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-text)`) — Group-toggle hover foreground."}},{"name":"--lr-thread-list-row-action-active-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `color-mix(in oklab, var(--lr-thread-list-row-action-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Row-action pressed background."}},{"name":"--lr-thread-list-row-action-active-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-thread-list-row-action-hover-color, var(--lr-color-text))`) — Row-action pressed foreground."}},{"name":"--lr-thread-list-row-action-hover-bg","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-surface-raised)`) — Row-action hover background."}},{"name":"--lr-thread-list-row-action-hover-color","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-color-text)`) — Row-action hover foreground."}},{"name":"--lr-thread-list-search-clear-size","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-size-1-5rem)`) — Box size of the search field's clear button. Deliberately not tiered by `size`: it is a tap target floored at the shared minimum target size, not a text box."}},{"name":"--lr-thread-list-search-font-size","description":{"kind":"markdown","value":"`<lr-thread-list>` — Text size of the search field. Unset while `size` is, so the field inherits the ambient text size; a `size` tier resolves it to that tier's shared form-control font size."}},{"name":"--lr-thread-list-search-gap","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-xs)`) — Gap between the search field and its clear button."}},{"name":"--lr-thread-list-search-min-height","description":{"kind":"markdown","value":"`<lr-thread-list>` — Minimum row height of the search field. Unset while `size` is, so the field is exactly as tall as its own text plus padding; a `size` tier resolves it to that tier's shared form-control height."}},{"name":"--lr-thread-list-search-padding","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-s)`) — Gutter around the built-in search field. Deliberately not tiered by `size`, which sizes the field itself."}},{"name":"--lr-thread-list-search-padding-block","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-xs)`) — Block gutter of the search field. A `size` tier replaces the default with that tier's shared form-control block gutter."}},{"name":"--lr-thread-list-search-padding-inline","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-space-s)`) — Inline gutter of the search field. A `size` tier replaces the default with that tier's shared form-control inline gutter."}},{"name":"--lr-thread-list-search-radius","description":{"kind":"markdown","value":"`<lr-thread-list>` (default: `var(--lr-radius)`) — Corner radius of the search field. A `size` tier replaces the default with that tier's shared form-control radius."}},{"name":"--lr-time-input-action-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Clear/expand/Now pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-action-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text-quiet)`) — Resting clear/expand color."}},{"name":"--lr-time-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Clear/expand/Now hover fill."}},{"name":"--lr-time-input-action-hover-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text)`) — Hovered clear/expand color."}},{"name":"--lr-time-input-border-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-border)`) — Outer row border color, with appearance-specific fallbacks."}},{"name":"--lr-time-input-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-text)`) — Outer row text color, including the accent appearance fallback."}},{"name":"--lr-time-input-column-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Picker-option pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-column-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Picker-option hover fill."}},{"name":"--lr-time-input-column-selected-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Selected-option pressed fill; derived when unset."}},{"name":"--lr-time-input-column-selected-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand)`) — Selected option fill."}},{"name":"--lr-time-input-column-selected-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-on-brand)`) — Selected option text."}},{"name":"--lr-time-input-column-selected-font-weight","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-font-weight-semibold)`) — Selected option weight."}},{"name":"--lr-time-input-column-selected-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Selected-option hover fill; derived when unset."}},{"name":"--lr-time-input-control-height","description":{"kind":"markdown","value":"`<lr-time-input>` — Exact outer row height. Unset by default, which leaves `--lr-time-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-date-input>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-time-input-control-min-height","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-height)`) — Outer row height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so a time field is exactly as tall as an `<lr-input>`/ `<lr-select>` of the same tier."}},{"name":"--lr-time-input-fill","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `transparent`) — Outer row background, with appearance-specific fallbacks."}},{"name":"--lr-time-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand)`) — Open/focused row border."}},{"name":"--lr-time-input-gap","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-gap)`) — Gap between segments, adornments, and actions in the outer row. Undeclared on the host so ancestor theme wrappers can set it."}},{"name":"--lr-time-input-radius","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-form-control-radius)`) — Outer row corner radius. `pill` supplies `--lr-radius-pill` only as the fallback, so a component-scoped value wins."}},{"name":"--lr-time-input-segment-active-bg","description":{"kind":"markdown","value":"`<lr-time-input>` — Segment pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-segment-focus-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-time-input-segment-hover-bg,var(--lr-color-brand-quiet))`) — Keyboard-focused segment fill."}},{"name":"--lr-time-input-segment-hover-bg","description":{"kind":"markdown","value":"`<lr-time-input>` (default: `var(--lr-color-brand-quiet)`) — Segment hover fill."}},{"name":"--lr-time-range-base-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `1.5remscale`) — Brush baseline block size."}},{"name":"--lr-time-range-handle-bg","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `var(--lr-color-brand)`) — Resting handle background."}},{"name":"--lr-time-range-handle-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-surface)`) — Resting handle border."}},{"name":"--lr-time-range-handle-hover-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Hovered handle background; defaults to a hover-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-pressed-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Pressed handle background; defaults to an active-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `14pxscale`) — Visible handle diameter."}},{"name":"--lr-time-range-hit-size","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `max(24px,28pxscale)`) — Actual drag hit-area diameter; endpoint handles are inset by half this distance so the hit geometry stays inside the host."}},{"name":"--lr-time-range-preset-active-bg","description":{"kind":"markdown","value":"`<lr-time-range>`* (default: `var(--lr-color-brand)`) — Background of the active preset button (`[data-active]`, i.e. the preset whose button produced the current range). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active preset without hijacking the library-wide `--lr-color-brand` token."}},{"name":"--lr-time-range-preset-active-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-brand)`) — Border color of the active preset button."}},{"name":"--lr-time-range-preset-active-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."}},{"name":"--lr-time-range-preset-font-size","description":{"kind":"markdown","value":"`<lr-time-range>` — Preset button font size, scaled by `size`."}},{"name":"--lr-time-range-preset-gap","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-space-xs)`) — Gap between preset buttons."}},{"name":"--lr-time-range-preset-hover-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-color-brand)`) — Border color of a hovered preset button."}},{"name":"--lr-time-range-preset-padding","description":{"kind":"markdown","value":"`<lr-time-range>` — Preset button padding, scaled by `size`."}},{"name":"--lr-time-range-preset-pressed-bg","description":{"kind":"markdown","value":"`<lr-time-range>` — Background of a pressed preset button; defaults to an active-state mix of `--lr-color-surface`."}},{"name":"--lr-time-range-preset-pressed-border-color","description":{"kind":"markdown","value":"`<lr-time-range>` — Border color of a pressed preset button; defaults to an active-state mix of `--lr-color-brand`."}},{"name":"--lr-time-range-preset-radius","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `var(--lr-radius)`) — Preset button corner radius."}},{"name":"--lr-time-range-size-scale","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."}},{"name":"--lr-time-range-track-size","description":{"kind":"markdown","value":"`<lr-time-range>` (default: `4pxscale`) — Track and selected-range thickness."}},{"name":"--lr-timeline-active-ring-color","description":{"kind":"markdown","value":"`<lr-timeline-item>`* (default: `var(--lr-timeline-marker-color)`) — Static outline color for the current/in-progress marker. The outline remains visible when reduced motion disables the optional pulse animation."}},{"name":"--lr-timeline-cluster-bg","description":{"kind":"markdown","value":"`<lr-timeline>`, `<lr-timeline-item>` (default: `var(--lr-color-brand)`) — Cluster count pill background."}},{"name":"--lr-timeline-cluster-color","description":{"kind":"markdown","value":"`<lr-timeline>`, `<lr-timeline-item>` (default: `var(--lr-color-on-brand)`) — Cluster count pill foreground."}},{"name":"--lr-timeline-cluster-size","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted count pill. Its containing button retains the shared 40px minimum action surface.\n\n`<lr-timeline-item>` (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted cluster count pill. Its containing button retains the shared 40px minimum action surface."}},{"name":"--lr-timeline-collision-offset","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-space-l)`) — Cross-axis step between items stacked by `collision=\"stack\"`. Each collision lane is indented one step further, so a wider marker can claim more room without the lanes overlapping again. Ignored unless both `scale=\"time\"` and `collision=\"stack\"` are set."}},{"name":"--lr-timeline-gap","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."}},{"name":"--lr-timeline-marker-color","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Its private default changes per `variant` (see the class doc's variant table); a consumer can override it on an ancestor for a themed group or directly on one item, with the direct value winning via the normal cascade."}},{"name":"--lr-timeline-marker-size","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-size-1-25rem)`) — Diameter of the marker circle (both inline-size and block-size, so the default dot stays circular). Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-color","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-color-border)`) — Color of the connecting rail line. A component-scoped property (not just inlining `var(--lr-color-border)` at every use site) so a consumer can retint just the rail without touching the library-wide border color elsewhere. Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-width","description":{"kind":"markdown","value":"`<lr-timeline-item>` (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line. Inherits from theme ancestors."}},{"name":"--lr-timeline-time-extent","description":{"kind":"markdown","value":"`<lr-timeline>` (default: `var(--lr-size-20rem)`) — Distance the `scale=\"time\"` axis distributes items along: `block-size` when vertical, `inline-size` when horizontal. Time-scaled items are absolutely positioned, and a percentage offset against an auto-sized track resolves to zero, so the axis needs a definite extent. Horizontal overlap and stack modes measure actual item/lane height independently and update it when content changes. Ignored in the default `scale=\"flow\"`."}},{"name":"--lr-toast-accent-color","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-color-border)`) — Accent bar / icon color of a slotted item. Its private default follows `variant`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-color-border)`) — Color of the accent bar and the icon. Its private default follows each non-neutral `variant`'s loud fill from the shared semantic grid; `neutral` keeps the plain border color, so an informational toast reads as unaccented. An inherited or direct public value remains authoritative."}},{"name":"--lr-toast-accent-width","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-size-4px)`) — Width of a slotted item's accent bar. Read by `<lr-toast-item>`'s own stylesheet, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-size-4px)`) — Width of the accent bar, and the extra inline-start padding reserved for it."}},{"name":"--lr-toast-close-button-active-bg","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-active-color","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-color-text)`) — Foreground of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-hover-bg","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `transparent`) — Background of the enabled close button while hovered."}},{"name":"--lr-toast-close-button-hover-color","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-color-text)`) — Foreground of the enabled close button while hovered."}},{"name":"--lr-toast-font-size","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-font-size-m)`) — Font size of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-font-size-m)`) — Font size of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-gap","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-space-s)`) — Gap between stacked items."}},{"name":"--lr-toast-hide-duration","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Hide transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while hiding."}},{"name":"--lr-toast-item-gap","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-space-s)`) — Gap between the item icon, message, and close button. Unlike `--lr-toast-gap`, this does not affect spacing between stacked items."}},{"name":"--lr-toast-item-radius","description":{"kind":"markdown","value":"`<lr-toast-item>` (default: `var(--lr-radius)`) — Corner radius of the item surface and its accent bar's inline-start corners. Pointer-state hooks are inline fallbacks, so they inherit from the item or an ancestor without recoloring the item surface or the stack."}},{"name":"--lr-toast-padding","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-space-m)`) — Padding of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n`<lr-toast-item>` (default: `var(--lr-space-m)`) — Padding of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-show-duration","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Show transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n`<lr-toast-item>` (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while showing."}},{"name":"--lr-toast-width","description":{"kind":"markdown","value":"`<lr-toast>` (default: `var(--lr-size-28rem)`) — Inline size of the stack, capped by the usable logical safe-area rectangle."}},{"name":"--lr-token-input-action-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand-quiet)`) — Edit/remove hover background."}},{"name":"--lr-token-input-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-border)`) — Resting border color of the input row. The invalid and focused states keep their own hooks and still win over it."}},{"name":"--lr-token-input-control-height","description":{"kind":"markdown","value":"`<lr-token-input>` — Exact input-wrapper height. Unset by default, which leaves `--lr-token-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). An uncapped row grows as tokens wrap; a capped row clips inline overflow and intentionally scrolls in the block axis so wrapped tokens and their hit-area-floored actions remain reachable. Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-token-input-control-min-height","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together."}},{"name":"--lr-token-input-edit-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>`* (default: `var(--lr-token-input-action-hover-bg)`) — Editable token label hover background, independently themeable from the remove action."}},{"name":"--lr-token-input-edit-pressed-bg","description":{"kind":"markdown","value":"`<lr-token-input>` — Editable token label pressed background; defaults to an active-state mix of `--lr-token-input-edit-hover-bg`."}},{"name":"--lr-token-input-editor-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."}},{"name":"--lr-token-input-fill","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-surface)`) — Resting background of the input row."}},{"name":"--lr-token-input-focus-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-token-input-font-size","description":{"kind":"markdown","value":"`<lr-token-input>` — Input-wrapper/token font size, scaled by `size`."}},{"name":"--lr-token-input-gap","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-space-xs)`) — Gap between form/row children."}},{"name":"--lr-token-input-input-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."}},{"name":"--lr-token-input-invalid-border-color","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-token-input-min-input-inline-size","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."}},{"name":"--lr-token-input-padding","description":{"kind":"markdown","value":"`<lr-token-input>` — Input-wrapper padding, scaled by `size`."}},{"name":"--lr-token-input-radius","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-radius)`) — Row/token corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-token-input-remove-hover-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-token-input-action-hover-bg)`) — Remove action hover background, independently themeable from the editable label."}},{"name":"--lr-token-input-remove-pressed-bg","description":{"kind":"markdown","value":"`<lr-token-input>` — Remove action pressed background; defaults to an active-state mix of `--lr-token-input-remove-hover-bg`."}},{"name":"--lr-token-input-token-bg","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-color-brand-quiet)`) — Token chip background."}},{"name":"--lr-token-input-token-gap","description":{"kind":"markdown","value":"`<lr-token-input>` (default: `var(--lr-space-2xs)`) — Gap inside token chips."}},{"name":"--lr-token-input-token-padding","description":{"kind":"markdown","value":"`<lr-token-input>` — Per-token chip padding, scaled by `size`."}},{"name":"--lr-tool-approval-dialog-hover-border-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-brand)`) — Border color of a valid, editable raw-JSON args editor on hover. Invalid and pending states retain their semantic chrome."}},{"name":"--lr-tool-approval-dialog-invalid-border-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-danger)`) — Border color of an invalid raw-JSON editor."}},{"name":"--lr-tool-approval-dialog-mono-font","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-font-mono)`) — Font family for the tool name and the raw-JSON args editor."}},{"name":"--lr-tool-approval-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-approval-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-call-chip-accent","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-text-quiet)`) — Accent color for the status glyph and text. Its private default follows `status` (`running` → brand, `success` → success, `error` → danger, `denied` → warning); an inherited or direct public override always wins."}},{"name":"--lr-tool-call-chip-bg","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-surface)`) — Chip background. Its private default follows the same `status` rules using each status's `-quiet` tint; a public override wins."}},{"name":"--lr-tool-call-chip-border","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-color-border)`) — Chip border color. Its private default becomes transparent for every non-`pending` status; a public override wins."}},{"name":"--lr-tool-call-chip-spin","description":{"kind":"markdown","value":"`<lr-tool-call-chip>` (default: `var(--lr-transition-ambient)`) — Running-icon animation duration and timing."}},{"name":"--lr-tool-param-form-invalid-border-color","description":{"kind":"markdown","value":"`<lr-tool-param-form>` (default: `var(--lr-color-danger)`) — Border color of an invalid generated native text or number input."}},{"name":"--lr-tool-result-dialog-denied-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-warning-quiet)`) — Denied status background."}},{"name":"--lr-tool-result-dialog-denied-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-warning)`) — Denied status foreground."}},{"name":"--lr-tool-result-dialog-error-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-danger-quiet)`) — Error status background."}},{"name":"--lr-tool-result-dialog-error-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-danger)`) — Error status foreground."}},{"name":"--lr-tool-result-dialog-maximized-inset","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` — Insets for the maximized panel."}},{"name":"--lr-tool-result-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop color."}},{"name":"--lr-tool-result-dialog-pending-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `transparent`) — Pending status background."}},{"name":"--lr-tool-result-dialog-pending-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-text-quiet)`) — Pending status foreground."}},{"name":"--lr-tool-result-dialog-running-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-brand-quiet)`) — Running status background."}},{"name":"--lr-tool-result-dialog-running-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-brand)`) — Running status foreground."}},{"name":"--lr-tool-result-dialog-spin","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-transition-ambient)`) — Running-status animation duration and timing."}},{"name":"--lr-tool-result-dialog-success-bg","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-success-quiet)`) — Success status background."}},{"name":"--lr-tool-result-dialog-success-color","description":{"kind":"markdown","value":"`<lr-tool-result-dialog>` (default: `var(--lr-color-success)`) — Success status foreground."}},{"name":"--lr-tool-result-view-font","description":{"kind":"markdown","value":"`<lr-tool-result-view>` (default: `var(--lr-font-mono)`) — Font family for the `fallback=\"text\"` preformatted output."}},{"name":"--lr-tool-select-dialog-body-hover-outline-color","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-color-border)`) — Outline color of the mouse-hover preview on `[part=\"body\"]`. Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-tool-select-dialog-body-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"body\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-tool-select-dialog-body-hover-outline-style","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-tool-select-dialog-body-hover-outline-width","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"body\"]`."}},{"name":"--lr-tool-select-dialog-overlay-color","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-select-dialog-search-font-size","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `inherit`) — Text size of the search field."}},{"name":"--lr-tool-select-dialog-search-min-height","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `auto`) — Minimum row height of the search field, for matching it to a themed search field of a chosen density tier. Point it at `--lr-form-control-height-s` (or any tier of that ladder) to line this field up with the rest of an application's controls."}},{"name":"--lr-tool-select-dialog-search-padding-block","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-space-s)`) — Block gutter of the search field."}},{"name":"--lr-tool-select-dialog-search-padding-inline","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-space-m)`) — Leading gutter of the search field. The trailing gutter is reserved for the overlaid clear button."}},{"name":"--lr-tool-select-dialog-search-radius","description":{"kind":"markdown","value":"`<lr-tool-select-dialog>` (default: `var(--lr-radius)`) — Corner radius of the search field."}},{"name":"--lr-tool-timeline-approved-bg","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success-quiet)`) — Approved badge background."}},{"name":"--lr-tool-timeline-approved-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success)`) — Approved badge foreground."}},{"name":"--lr-tool-timeline-denied-bg","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger-quiet)`) — Denied badge background."}},{"name":"--lr-tool-timeline-denied-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Denied badge foreground."}},{"name":"--lr-tool-timeline-denied-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."}},{"name":"--lr-tool-timeline-error-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Expanded error text."}},{"name":"--lr-tool-timeline-error-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-danger)`) — Error rail dot."}},{"name":"--lr-tool-timeline-gap","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-space-l)`) — Vertical gap between entries."}},{"name":"--lr-tool-timeline-marker-size","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."}},{"name":"--lr-tool-timeline-pending-approval-border-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."}},{"name":"--lr-tool-timeline-pending-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-text-quiet)`) — Rail-dot color for a `status=\"pending\"` entry."}},{"name":"--lr-tool-timeline-running-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-brand)`) — Running rail dot."}},{"name":"--lr-tool-timeline-success-marker-color","description":{"kind":"markdown","value":"`<lr-tool-timeline>` (default: `var(--lr-color-success)`) — Success rail dot."}},{"name":"--lr-tooltip-arrow-size","description":{"kind":"markdown","value":"`<lr-tooltip>` — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-tooltip-background","description":{"kind":"markdown","value":"`<lr-tooltip>` — Tooltip background color (default `--lr-color-neutral`)."}},{"name":"--lr-tooltip-color","description":{"kind":"markdown","value":"`<lr-tooltip>` — Tooltip text color (default `--lr-color-on-neutral`)."}},{"name":"--lr-tooltip-max-inline-size","description":{"kind":"markdown","value":"`<lr-tooltip>` — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-tour-backdrop-color","description":{"kind":"markdown","value":"`<lr-tour>` — Backdrop scrim fill. Defaults to `--lr-color-overlay`."}},{"name":"--lr-tour-popover-max-width","description":{"kind":"markdown","value":"`<lr-tour>` — Maximum popover inline size. Defaults to `--lr-size-22rem`."}},{"name":"--lr-tour-progress-dot-current-bg","description":{"kind":"markdown","value":"`<lr-tour>` (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."}},{"name":"--lr-tour-spotlight-radius","description":{"kind":"markdown","value":"`<lr-tour>` — Corner radius shared by the cutout and the ring. Defaults to `--lr-radius`."}},{"name":"--lr-tour-spotlight-ring-color","description":{"kind":"markdown","value":"`<lr-tour>` — Spotlight ring color. Defaults to `--lr-color-brand`."}},{"name":"--lr-tour-spotlight-ring-width","description":{"kind":"markdown","value":"`<lr-tour>` — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."}},{"name":"--lr-trace-tree-bar-track-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-surface-raised)`) — Duration bar track."}},{"name":"--lr-trace-tree-denied-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-warning)`) — Denied status text and bar."}},{"name":"--lr-trace-tree-error-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-danger)`) — Error status text and bar."}},{"name":"--lr-trace-tree-max-indent","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-size-12rem)`) — Maximum visual nesting indentation; semantic `aria-level` remains exact at deeper levels."}},{"name":"--lr-trace-tree-pending-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-text-quiet)`) — Pending status text and bar."}},{"name":"--lr-trace-tree-row-active-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."}},{"name":"--lr-trace-tree-row-active-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."}},{"name":"--lr-trace-tree-running-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand)`) — Running status text and stripe."}},{"name":"--lr-trace-tree-running-stripe-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Running stripe contrast."}},{"name":"--lr-trace-tree-success-color","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-success)`) — Success status text and bar."}},{"name":"--lr-trace-tree-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-trace-tree>` (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-transition-ambient","description":{"kind":"markdown","value":"`<lr-chat-message>` (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n`<lr-skeleton>` (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n`<lr-tool-call-chip>` (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\nShared design token — Canonical shared component token for transition ambient. Reads `--lr-theme-transition-slow`."}},{"name":"--lr-transition-base","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for transition base. Reads `--lr-theme-transition-normal`."}},{"name":"--lr-transition-fast","description":{"kind":"markdown","value":"Shared design token — Canonical shared component token for transition fast. Reads `--lr-theme-transition-fast`."}},{"name":"--lr-transition-interactive","description":{"kind":"markdown","value":"Shared design token — Shared pointer-interaction transition: fill, text and border colour move together on hover and press, derived from the fast transition token so reduced motion flattens it."}},{"name":"--lr-tree-badge-brand-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand-quiet)`) — Brand badge background."}},{"name":"--lr-tree-badge-brand-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Brand badge text color."}},{"name":"--lr-tree-badge-danger-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-danger-quiet)`) — Danger badge background."}},{"name":"--lr-tree-badge-danger-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-danger)`) — Danger badge text color."}},{"name":"--lr-tree-badge-neutral-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-surface)`) — Neutral badge background."}},{"name":"--lr-tree-badge-neutral-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-text-quiet)`) — Neutral badge text color."}},{"name":"--lr-tree-badge-success-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-success-quiet)`) — Success badge background."}},{"name":"--lr-tree-badge-success-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-success)`) — Success badge text color."}},{"name":"--lr-tree-badge-warning-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-warning-quiet)`) — Warning badge background."}},{"name":"--lr-tree-badge-warning-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-warning)`) — Warning badge text color."}},{"name":"--lr-tree-checkbox-checked-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Checked control background."}},{"name":"--lr-tree-checkbox-checked-border-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Checked control border."}},{"name":"--lr-tree-checkbox-checked-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-on-brand)`) — Checked glyph color."}},{"name":"--lr-tree-checkbox-indeterminate-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Indeterminate control background."}},{"name":"--lr-tree-checkbox-indeterminate-border-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Indeterminate control border."}},{"name":"--lr-tree-checkbox-indeterminate-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-on-brand)`) — Indeterminate glyph color."}},{"name":"--lr-tree-depth","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `0`) — Internal indent plumbing, not a retheming knob: this node's `depth`, written inline onto `[part=\"row\"]` by the component and multiplied by `--indent-size` (capped at `--lr-size-8rem`) to produce the row's `padding-inline-start`."}},{"name":"--lr-tree-selected-bg","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand-quiet)`) — Background of the selected row."}},{"name":"--lr-tree-selected-color","description":{"kind":"markdown","value":"`<lr-tree-item>` (default: `var(--lr-color-brand)`) — Text color of the selected row."}},{"name":"--lr-typing-dot-size","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-space-s)`) — Diameter of each dot in the `dots` and `pulse` variants. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-typing-dot-stagger-1","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `600ms`) — Delay for the second dot in the dots variant."}},{"name":"--lr-typing-dot-stagger-2","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `1200ms`) — Delay for the third dot in the dots variant."}},{"name":"--lr-typing-duration","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."}},{"name":"--lr-typing-gap","description":{"kind":"markdown","value":"`<lr-typing-indicator>` (default: `var(--lr-space-xs)`) — Gap between dots in the `dots` variant. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-video-playlist-item-current-background","description":{"kind":"markdown","value":"`<lr-video-playlist>` (default: `var(--lr-color-brand-fill-quiet)`) — Current playlist-item background."}},{"name":"--lr-video-playlist-item-current-border-color","description":{"kind":"markdown","value":"`<lr-video-playlist>` (default: `var(--lr-color-brand)`) — Current playlist-item border color."}},{"name":"--lr-video-poster-play-button-hover-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `color-mix(...)`) — Poster play-button hover background."}},{"name":"--lr-video-poster-play-button-hover-border-color","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-brand)`) — Poster play-button hover border color."}},{"name":"--lr-virtual-list-height","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host. Ignored while `scrollElement` names an external scroller, whose own height is the visible band."}},{"name":"--lr-virtual-list-hover-outline-color","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"base\"]` (a subtler, always-focusable-target preview of its own `:focus-visible` ring). Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-virtual-list-hover-outline-offset","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"base\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-virtual-list-hover-outline-style","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-virtual-list-hover-outline-width","description":{"kind":"markdown","value":"`<lr-virtual-list>` (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-voice-picker-gap","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-space-xs)`) — Gap between the field and preview action, and between trigger, combobox, and option children."}},{"name":"--lr-voice-picker-max-inline-size","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-size-24rem)`) — The host's own width ceiling. Set a length to retune it, or `none` to let the control fill its container the way `<lr-select>` does."}},{"name":"--lr-voice-picker-open-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-voice-picker-option-active-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand-quiet)`) — Active option fill."}},{"name":"--lr-voice-picker-option-disabled-opacity","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `0.5`) — Opacity of an option row whose catalog entry sets `disabled`."}},{"name":"--lr-voice-picker-option-selected-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `transparent`) — Selected option fill."}},{"name":"--lr-voice-picker-option-selected-border","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-voice-picker-option-selected-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-voice-picker-option-selected-font-weight","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-font-weight-semibold)`) — Selected option label weight."}},{"name":"--lr-voice-picker-option-synthetic-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-border-style","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-font-style","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `italic`) — Font style of a synthetic stale-value option label."}},{"name":"--lr-voice-picker-preview-active-border","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Active preview border."}},{"name":"--lr-voice-picker-preview-active-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Active preview icon."}},{"name":"--lr-voice-picker-preview-hover-bg","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand-quiet)`) — Shared hover/press fill for the standalone and row preview actions."}},{"name":"--lr-voice-picker-preview-hover-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-brand)`) — Shared hover/press icon color for the standalone and row preview actions."}},{"name":"--lr-voice-picker-radius","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-form-control-radius)`) — Trigger, combobox, listbox, option, and preview-action corner radius."}},{"name":"--lr-voice-picker-trigger-border-color","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-border)`) — Resting trigger/combobox border color, independent of the open-state color below."}},{"name":"--lr-voice-picker-trigger-fill","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-color-surface)`) — Resting trigger/combobox background."}},{"name":"--lr-voice-picker-trigger-height","description":{"kind":"markdown","value":"`<lr-voice-picker>` — Exact trigger/combobox height. Unset by default (a floor only, via `-trigger-min-height`); set a length to both floor and cap the control, e.g. to pixel-match a sibling field in the same toolbar row. Takes precedence over `-trigger-min-height`, and the preview action follows whichever of the two is in play."}},{"name":"--lr-voice-picker-trigger-min-height","description":{"kind":"markdown","value":"`<lr-voice-picker>` (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-` moves this control and every sibling field together. The preview action follows it, so raising the floor keeps the pair the same height; the action's own WCAG hit-area floor still wins below `--lr-icon-button-size`."}},{"name":"--lr-widget-backdrop-inset","description":{"kind":"markdown","value":"`<lr-widget>`* (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute."}},{"name":"--lr-widget-fullscreen-inset","description":{"kind":"markdown","value":"`<lr-widget>` (default: `max(var(--lr-space-l), var(--lr-safe-area-top)) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start))`) — The `inset` applied to `[part=\"base\"]` while `fullscreen`. Also set inline from the `fullscreen-inset` attribute."}},{"name":"--lr-widget-overlay-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-widget-view-toggle-active-bg","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-widget-view-toggle-active-border-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `transparent`) — Border color of the pressed view toggle. Like the active background and text hooks, it is an inline inherited fallback."}},{"name":"--lr-widget-view-toggle-active-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."}},{"name":"--lr-widget-view-toggle-hover-bg","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-widget-view-toggle-hover-color","description":{"kind":"markdown","value":"`<lr-widget>` (default: `var(--lr-color-text)`) — Text color of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-word-cloud-color-1","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-brand)`) — First entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-2","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-success)`) — Second entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-3","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-warning)`) — Third entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-4","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-danger)`) — Fourth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-5","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-1)`) — Fifth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-6","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-2)`) — Sixth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-7","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-3)`) — Seventh entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-8","description":{"kind":"markdown","value":"`<lr-word-cloud>` (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."}},{"name":"--lr-xml-viewer-active-attribute-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"attribute\"]` an attribute-addressing `node-path` anchor resolved to."}},{"name":"--lr-xml-viewer-active-match-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."}},{"name":"--lr-xml-viewer-highlight-accent-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand-quiet)`) — Row background of an accent-tone (the default tone) `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-active-outline","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Outline color of the `highlights` entry currently named by `activeHighlightId`."}},{"name":"--lr-xml-viewer-highlight-danger-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-danger-quiet)`) — Row background of a danger-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-surface-raised)`) — Row background of a neutral-tone `highlights` entry. Deliberately not `--lr-color-surface`: the viewer's own ambient background would render a neutral highlight as unhighlighted."}},{"name":"--lr-xml-viewer-highlight-success-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-success-quiet)`) — Row background of a success-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-warning-background","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning-quiet)`) — Row background of a warning-tone `highlights` entry."}},{"name":"--lr-xml-viewer-match-bg","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."}},{"name":"--lr-xml-viewer-match-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."}},{"name":"--lr-xml-viewer-max-height","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-xml-viewer-tag-color","description":{"kind":"markdown","value":"`<lr-xml-viewer>` (default: `var(--lr-color-brand)`) — Text color of `[part=\"tag\"]`, an element's rendered tag name, independent of the active-attribute outline above."}},{"name":"--lr-zoomable-frame-control-hover-background","description":{"kind":"markdown","value":"`<lr-zoomable-frame>` (default: `var(--lr-color-brand-quiet)`) — Zoom control hover background; its active background derives from the same value."}},{"name":"--lr-zoomable-frame-zoom","description":{"kind":"markdown","value":"`<lr-zoomable-frame>` (default: `1`) — Read-only resolved iframe scale written from `zoom`."}},{"name":"--main-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-main-width`."}},{"name":"--marker-height","description":{"kind":"markdown","value":"`<lr-slider>` — Marker block size."}},{"name":"--marker-width","description":{"kind":"markdown","value":"`<lr-slider>` — Marker inline size."}},{"name":"--mask-char","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `'•'`) — Mapped alias for `--lr-otp-input-mask-char`."}},{"name":"--max","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `100%`) — Maximum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--max-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-30rem)`) — Scroll viewport maximum height; `none` renders all."}},{"name":"--max-width","description":{"kind":"markdown","value":"`<lr-dropdown>` (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size inherited from the popover surface.\n\n`<lr-popover>` (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the popup.\n\n`<lr-tooltip>` (default: `var(--lr-tooltip-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the tooltip."}},{"name":"--menu-width","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-menu-width`."}},{"name":"--min","description":{"kind":"markdown","value":"`<lr-split-panel>` (default: `0`) — Minimum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--padding","description":{"kind":"markdown","value":"`<lr-card>` (default: `var(--spacing,var(--lr-space-m))`) — Shoelace-compatible section padding.\n\n`<lr-tab-panel>` (default: `0`) — Inner panel padding.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-padding`."}},{"name":"--point-radius","description":{"kind":"markdown","value":"`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>` (default: `var(--lr-space-2xs)`) — Line/scatter point radius."}},{"name":"--popup-border-width","description":{"kind":"markdown","value":"`<lr-popup>` (default: `var(--lr-border-width-thin)`) — Popup/arrow border width."}},{"name":"--poster-play-button-background","description":{"kind":"markdown","value":"`<lr-video>` (default: `var(--lr-color-surface-overlay)`) — Poster play-button background."}},{"name":"--primary-color","description":{"kind":"markdown","value":"`<lr-icon>` (default: `currentColor`) — Primary duotone layer color."}},{"name":"--primary-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `1`) — Primary duotone layer opacity."}},{"name":"--pulse-color","description":{"kind":"markdown","value":"`<lr-badge>`, `<lr-tag>` (default: `var(--lr-badge-pulse-color)`) — Upstream-compatible pulse-ring color."}},{"name":"--row-height","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-size-3-5rem)`) — Estimated and minimum row height."}},{"name":"--row-hover-background","description":{"kind":"markdown","value":"`<lr-data-grid>` — Hovered-row background."}},{"name":"--scroll-hint","description":{"kind":"markdown","value":"`<lr-carousel>` — Logical padding that reveals the nearest adjacent slides."}},{"name":"--secondary-color","description":{"kind":"markdown","value":"`<lr-icon>` (default: `currentColor`) — Secondary duotone layer color."}},{"name":"--secondary-opacity","description":{"kind":"markdown","value":"`<lr-icon>` (default: `0.4`) — Secondary duotone layer opacity."}},{"name":"--segment-border-radius","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of a segment."}},{"name":"--segment-gap","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `var(--lr-space-xs)`) — Gap between segments; ignored by `contained`."}},{"name":"--segment-size","description":{"kind":"markdown","value":"`<lr-otp-input>` (default: `2.5em`) — Exact inline and block size of each non-shrinking segment at the default size tier."}},{"name":"--selected-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-brand-quiet)`) — Selected-row background."}},{"name":"--shadow-color","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-color-surface)`) — Base color of each edge shadow."}},{"name":"--shadow-size","description":{"kind":"markdown","value":"`<lr-scroller>` (default: `var(--lr-size-2rem)`) — Inline/block extent of each edge shadow."}},{"name":"--sheen-color","description":{"kind":"markdown","value":"`<lr-skeleton>` (default: `var(--lr-skeleton-sheen-color)`) — Upstream-compatible sheen color."}},{"name":"--show-delay","description":{"kind":"markdown","value":"`<lr-tooltip>` (default: `150ms`) — Interaction show delay when `show-delay` is not explicit."}},{"name":"--show-duration","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-show-duration`.\n\n`<lr-combobox>` (default: `var(--lr-transition-fast)`) — Listbox enter-transition duration.\n\n`<lr-date-input>` (default: `var(--lr-transition-fast)`) — Popup enter-transition duration.\n\n`<lr-details>` (default: `var(--lr-duration-base)`) — Expand-icon transition duration.\n\n`<lr-dialog>` — Mapped opening animation duration.\n\n`<lr-drawer>` — Opening slide duration.\n\n`<lr-dropdown>` (default: `var(--lr-transition-fast)`) — Opening transition duration.\n\n`<lr-popover>` (default: `var(--lr-duration-fast)`) — Opening transition duration.\n\n`<lr-popup>` (default: `var(--lr-duration-fast)`) — Activation transition duration.\n\n`<lr-select>` (default: `var(--lr-transition-fast)`) — Listbox enter-transition timing.\n\n`<lr-time-input>` (default: `var(--lr-duration-fast)`) — Picker opening duration.\n\n`<lr-toast-item>` — Mapped alias for `--lr-toast-show-duration`.\n\n`<lr-tree-item>` (default: `var(--lr-duration-base)`) — Expansion motion duration."}},{"name":"--size","description":{"kind":"markdown","value":"`<lr-avatar>` (default: `var(--lr-avatar-size)`) — Upstream-compatible avatar diameter.\n\n`<lr-drawer>` — Mapped drawer size for the active axis.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-size)`) — Upstream-compatible outer diameter."}},{"name":"--slide-gap","description":{"kind":"markdown","value":"`<lr-carousel>` (default: `var(--lr-space-m)`) — Gap between slides."}},{"name":"--slider-handle-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-slider-handle-size`."}},{"name":"--slider-height","description":{"kind":"markdown","value":"`<lr-color-picker>` — Upstream alias for `--lr-color-picker-slider-block-size`."}},{"name":"--spacing","description":{"kind":"markdown","value":"`<lr-accordion-item>` — Upstream-compatible alias for `--lr-accordion-item-spacing`.\n\n`<lr-card>` (default: `var(--lr-space-m)`) — Space around and between card sections.\n\n`<lr-details>` — Upstream-compatible spacing override for the summary and content.\n\n`<lr-dialog>` (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Mapped shared region spacing.\n\n`<lr-divider>` (default: `0`) — Space on both block sides (inline sides when vertical).\n\n`<lr-drawer>` (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Web Awesome shared region spacing."}},{"name":"--speed","description":{"kind":"markdown","value":"`<lr-spinner>` (default: `var(--lr-spinner-duration)`) — Upstream-compatible rotation duration."}},{"name":"--stripe-background","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-surface-raised)`) — Alternating-row background."}},{"name":"--subheader-height","description":{"kind":"markdown","value":"`<lr-page>` — Web Awesome alias for `--lr-page-subheader-height`."}},{"name":"--submenu-offset","description":{"kind":"markdown","value":"`<lr-dropdown-item>`, `<lr-menu-item>` (default: `-2px`) — Final signed distance between a submenu and its parent row. Negative values overlap the parent menu; positive values add separation. Mirrors under RTL."}},{"name":"--success-color","description":{"kind":"markdown","value":"`<lr-copy-button>` (default: `var(--lr-color-success)`) — Success-state icon color."}},{"name":"--swatch-size","description":{"kind":"markdown","value":"`<lr-color-picker>` — Shoelace alias for `--lr-color-picker-palette-swatch-size`."}},{"name":"--swing-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `15deg`) — Peak swing angle."}},{"name":"--symbol-color","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-rating-empty-color,var(--lr-color-border))`) — Compatibility alias for the inactive symbol color. `--lr-rating-empty-color` wins when both are set."}},{"name":"--symbol-color-active","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-rating-fill,var(--lr-color-warning))`) — Compatibility alias for the active symbol color. `--lr-rating-fill` wins when both are set."}},{"name":"--symbol-size","description":{"kind":"markdown","value":"`<lr-rating>` — Shoelace-compatible symbol size. It feeds the current `size` step when `--lr-rating-size` is unset; the Lyra-prefixed property wins when both are set."}},{"name":"--symbol-spacing","description":{"kind":"markdown","value":"`<lr-rating>` (default: `var(--lr-space-xs)`) — Compatibility spacing around symbols."}},{"name":"--tag-max-size","description":{"kind":"markdown","value":"`<lr-combobox>` (default: `var(--lr-size-5rem)`) — Maximum inline size of a built-in selected tag.\n\n`<lr-select>` (default: `var(--lr-size-12rem)`) — Maximum inline size of one selected-value tag."}},{"name":"--text-color","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-color-text)`) — Grid foreground."}},{"name":"--thumb-height","description":{"kind":"markdown","value":"`<lr-slider>` — Upstream thumb block size."}},{"name":"--thumb-size","description":{"kind":"markdown","value":"`<lr-slider>` — Shoelace alias setting both thumb dimensions.\n\n`<lr-switch>` (default: `calc(var(--height, var(--lr-switch-track-block-size)) - (var(--lr-switch-thumb-offset) * 2))`) — WA/Shoelace thumb diameter alias."}},{"name":"--thumb-width","description":{"kind":"markdown","value":"`<lr-slider>` — Upstream thumb inline size."}},{"name":"--tooltip-offset","description":{"kind":"markdown","value":"`<lr-slider>` — Shoelace tooltip distance alias."}},{"name":"--track-active-offset","description":{"kind":"markdown","value":"`<lr-slider>` — Additional indicator offset."}},{"name":"--track-color","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-color)`) — Upstream-compatible track color.\n\n`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-color)`) — Upstream-compatible track color.\n\n`<lr-spinner>` (default: `var(--lr-color-brand-quiet)`) — Upstream-compatible track color.\n\n`<lr-tab-group>` — Upstream track color."}},{"name":"--track-color-active","description":{"kind":"markdown","value":"`<lr-slider>` — Filled indicator color."}},{"name":"--track-color-inactive","description":{"kind":"markdown","value":"`<lr-slider>` — Resting track color."}},{"name":"--track-height","description":{"kind":"markdown","value":"`<lr-progress-bar>` (default: `var(--lr-progress-track-height)`) — Web Awesome-compatible track height.\n\n`<lr-slider>` — Shoelace alias for track thickness."}},{"name":"--track-size","description":{"kind":"markdown","value":"`<lr-slider>` — Web Awesome alias for track thickness."}},{"name":"--track-width","description":{"kind":"markdown","value":"`<lr-progress-ring>` (default: `var(--lr-progress-ring-track-width)`) — Upstream-compatible track width.\n\n`<lr-spinner>` (default: `var(--lr-spinner-track-width)`) — Upstream-compatible track width.\n\n`<lr-tab-group>` — Upstream track width."}},{"name":"--transition-duration","description":{"kind":"markdown","value":"`<lr-data-grid>` (default: `var(--lr-duration-fast)`) — Interaction transition duration."}},{"name":"--wag-angle","description":{"kind":"markdown","value":"`<lr-icon>` (default: `12deg`) — Peak wag angle."}},{"name":"--width","description":{"kind":"markdown","value":"`<lr-dialog>`, `<lr-drawer>` (default: `var(--lr-dialog-width,auto)`) — Mapped panel width alias.\n\n`<lr-divider>` (default: `var(--lr-border-width-thin)`) — Separator thickness.\n\n`<lr-switch>` (default: `var(--lr-switch-track-inline-size)`) — WA/Shoelace alias for the track's inline size.\n\n`<lr-toast>` — Mapped alias for `--lr-toast-width`."}}]}