.demo-msg-list{width:100%;max-width:420px}.demo-msg-avatar{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);width:40px;height:40px;color:var(--md-sys-color-on-primary-container);font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);justify-content:center;align-items:center;display:inline-flex}.demo-msg-avatar[data-tone=b]{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.demo-msg-avatar[data-tone=c]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.demo-msg-avatar[data-tone=d]{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}