.klyp-route-ComponentsDemo{gap:var(--gap-section);max-width:760px;padding:var(--gutter-page-y) var(--gutter-page-x);flex-direction:column;margin-inline:auto;display:flex}.klyp-route-ComponentsDemo__intro{gap:var(--space-6);flex-direction:column;display:flex}.klyp-route-ComponentsDemo__title{color:var(--color-fg-primary);font-size:20px;font-weight:500}.klyp-route-ComponentsDemo__lede{color:var(--color-fg-muted);font-size:14px;line-height:1.5}.klyp-route-ComponentsDemo__thread{gap:var(--space-24);flex-direction:column;display:flex}.klyp-route-ComponentsDemo__msg{gap:var(--space-6);flex-direction:column;align-items:stretch;width:100%;max-width:560px;display:flex}.klyp-route-ComponentsDemo__msg[data-role=user]{margin-left:auto}.klyp-route-ComponentsDemo__bubble{width:100%;padding:var(--space-10) var(--space-12);border-radius:var(--r-card);border:var(--bw-default) solid var(--color-border-faint);background:var(--color-bg-surface);color:var(--color-fg-primary);font-size:14px;line-height:1.5}[data-role=user] .klyp-route-ComponentsDemo__bubble{background:var(--color-bg-surface-hover)}.klyp-route-ComponentsDemo__composer{bottom:var(--space-16);position:sticky}