.list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;min-height:3rem}.list-item--clickable{cursor:pointer;border-radius:.75rem;transition:background-color .15s ease}.list-item--clickable:hover{background:var(--surface-container)}.list-item__leading{flex-shrink:0}.list-item__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:.75rem}.list-item__content{flex:1 1;display:flex;flex-direction:column;min-width:0}.list-item__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__secondary{opacity:.7}.list-item__trailing{flex-shrink:0}