.topic-thumbnail-grid{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));margin:0 -.75rem}.topic-thumbnail-item-container{align-items:center;border-radius:0;border-top:1px solid var(--lx-rule-soft);color:var(--lx-body);display:flex;gap:.75rem;min-width:0;padding:.75rem;transition:background-color .2s,border-radius .2s}.topic-thumbnail-item-container .topic-thumbnail{background:var(--lx-surface);border-radius:10px;flex:none;overflow:hidden}.topic-thumbnail-item-container .text-avatar{border-radius:10px}.topic-thumbnail-item-container .title{color:var(--lx-ink);font-size:1rem;font-weight:500;line-height:1.4;min-width:0;transition:color .2s}.topic-thumbnail-item-container:hover{background:var(--lx-hover);border-radius:12px;border-top-color:transparent;text-decoration:none}.topic-thumbnail-item-container:hover .title{color:var(--lx-brand-strong)}@media (max-width:767px){.topic-thumbnail-grid{-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0}.topic-thumbnail-item-container,.topic-thumbnail-item-container:hover{background:none;border-radius:0;border-top-color:var(--lx-rule-soft);padding:.75rem 0}}
