.button-visual-reference{display:grid;gap:1rem;min-width:0;font-size:1rem;font-variation-settings:normal;line-height:normal}.visual-reference__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.visual-reference__cards{display:grid;gap:1rem;min-width:0}.button-visual-reference .section-heading{display:grid;gap:.35rem}.button-visual-reference .section-heading>*{margin:0}.button-visual-reference .section-heading>p:last-child,.button-visual-reference .theme-card__header>p{color:var(--lb-color-text-muted);line-height:1.55}.button-visual-reference .theme-card__header>p{font-size:1rem}.button-visual-reference .eyebrow,.theme-card__kicker{color:var(--lb-color-accent-foreground);font-size:.75rem;font-weight:var(--lb-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.theme-card{min-width:0;overflow:hidden;border:1px solid var(--lb-color-border);border-radius:var(--lb-radius-lg);background:var(--lb-color-surface);box-shadow:0 16px 44px #0003}.theme-card__header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.25rem;border-block-end:1px solid var(--lb-color-border);background:var(--lb-color-surface-raised)}.theme-card__header>div{display:grid;gap:.15rem}.theme-card__header h3,.theme-card__header p{margin:0;font-variation-settings:normal}.theme-card__header h3{font-size:1.125rem;line-height:normal;text-transform:capitalize}.theme-card__kicker{color:var(--lb-color-text-subtle);line-height:normal}.matrix-scroll{overflow-x:auto}.matrix{display:grid;grid-template-columns:9rem repeat(5,minmax(11rem,1fr));min-width:64rem;background:var(--lb-color-surface)}.matrix>*{min-height:4.5rem;border-inline-end:1px solid var(--lb-color-border);border-block-end:1px solid var(--lb-color-border)}.matrix>:nth-child(6n){border-inline-end:0}.matrix__corner,.matrix__state,.matrix__row-label{display:flex;align-items:center;padding:.75rem 1rem}.matrix__corner,.matrix__state{min-height:2.75rem;background:#ffffff05;color:var(--lb-color-text-subtle);font-size:.75rem;font-weight:var(--lb-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}[data-lb-color-scheme=light] .matrix__corner,[data-lb-color-scheme=light] .matrix__state{background:#14141405}.matrix__state{justify-content:center}.matrix__row-label{flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;text-transform:capitalize}.matrix__row-label span{color:var(--lb-color-text-subtle);font-size:.75rem}.matrix__cell{display:flex;align-items:center;justify-content:center;padding:.75rem}.button-visual-reference .lb-button[data-specimen-state=hover][data-variant=primary]{--_lb-button-background: var(--_lb-button-tone-hover)}.button-visual-reference .lb-button[data-specimen-state=hover][data-variant=secondary]{--_lb-button-border: var(--_lb-button-tone-border-hover)}.button-visual-reference .lb-button[data-specimen-state=hover][data-variant=tertiary]{--_lb-button-background: var(--lb-button-neutral-hover)}.button-visual-reference .lb-button[data-specimen-state=pressed][data-variant=primary]{--_lb-button-background: var(--_lb-button-tone-active)}.button-visual-reference .lb-button[data-specimen-state=pressed][data-variant=secondary]{--_lb-button-border: var(--_lb-button-tone-border-active)}.button-visual-reference .lb-button[data-specimen-state=pressed][data-variant=tertiary]{--_lb-button-background: var(--lb-button-neutral-active)}.button-visual-reference .lb-button[data-specimen-state=focus][data-variant=primary]{--_lb-button-focus-shadow: 0 0 0 2px var(--_lb-button-tone-focus)}.button-visual-reference .lb-button[data-specimen-state=focus]:where([data-variant=secondary],[data-variant=tertiary]){--_lb-button-focus-shadow: 0 0 0 1px var(--lb-color-surface), 0 0 0 3px var(--lb-button-neutral-focus)}.button-visual-reference .lb-button[data-specimen-state=focus][data-variant=primary]:not(:disabled)>.lb-button__focus-segment{opacity:1}.callout--taxonomy{border-color:var(--lb-color-danger);background:color-mix(in srgb,var(--lb-color-danger) 5%,transparent)}.demo-row--baseline{align-items:baseline}.tone-demo{display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr) auto;align-items:center;gap:1rem;padding:1.4rem;border:1px solid var(--lb-color-border);border-radius:var(--lb-radius-lg);background:var(--lb-color-surface)}.tone-demo>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .65rem}.tone-demo small{grid-column:2;color:var(--lb-color-text-subtle)}.swatch{grid-row:1 / span 2;width:1rem;height:2.5rem;border-radius:999px}.swatch--accent{background:var(--lb-color-accent)}.swatch--danger{background:var(--lb-color-danger)}.behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--lb-color-border);border-inline-start:1px solid var(--lb-color-border)}.behavior-grid article{min-height:11rem;padding:1.25rem;border-block-end:1px solid var(--lb-color-border);border-inline-end:1px solid var(--lb-color-border)}.behavior-grid__number{color:var(--lb-color-accent-foreground);font:.72rem ui-monospace,Cascadia Code,Consolas,monospace}.behavior-grid h3{margin-block:1rem .4rem;font-size:.95rem}.behavior-grid p{color:var(--lb-color-text-muted);font-size:.82rem;line-height:1.6}@media(max-width:46rem){.behavior-grid{grid-template-columns:1fr}.tone-demo{grid-template-columns:1fr auto}}