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