.topics-list{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-48)}.topics-list__header{padding-top:0;padding-bottom:0}.topics-list__header-inner{max-width:720px;margin:0 auto var(--space-32);text-align:center}.topics-list__title{margin:0 0 var(--space-12);font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line);font-weight:var(--type-cn-headline-medium-weight);color:var(--semantic-text-primary)}@media (max-width:768px){.topics-list__title{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}}.topics-list__lead{margin:0;font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:300;color:var(--semantic-text-tertiary)}.topics-list__grid-section{padding-top:0}.topics-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24)}@media (max-width:900px){.topics-list__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topics-list__grid{gap:var(--space-16)}}@media (max-width:480px){.topics-list__grid{gap:var(--space-12)}}.topics-list__empty{padding:var(--space-32) 0;text-align:center;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary)}.topics-list__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-24) 0;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);color:var(--semantic-text-disabled)}.topics-list__loading.is-done{display:none}.topics-list__desc{margin:0 0 var(--space-8);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}