.topic-link{will-change:background,width,height;background:linear-gradient(#6d4df099,#6d4df099);border-radius:174998px;justify-content:center;align-items:center;max-height:56px;padding:1px;transition:background .3s linear,width .2s ease-in-out,height .2s ease-in-out;display:inline-flex}.topic-link:hover{background:linear-gradient(#6d4df0,#b24ef0)}.topic-link:hover.medium .topic-link-content,.topic-link:hover.small .topic-link-content{color:var(--c-purple)}.topic-link:active{background:linear-gradient(#6d4df099,#6d4df099)}.topic-link:active .topic-link-content{color:var(--c-blue)}.topic-link.small{height:24px}.topic-link.small .topic-link-content{color:var(--c-blue);will-change:background,color,width;padding:2px 8px;font-size:13px;line-height:15.6px;transition:background .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out}.topic-link.medium .topic-link-content,.topic-link.stretch .topic-link-content{color:var(--c-black);will-change:background,color,width;padding:8.5px 12px;font-size:16px;line-height:18px;transition:background .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out}.topic-link.medium{height:40px}.topic-link.stretch{height:100%}.topic-link-content{width:100%;height:100%;font-weight:var(--fw-semibold);background:var(--c-white);white-space:nowrap;will-change:background,color,width;border-radius:174998px;justify-content:flex-start;align-items:center;transition:background .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;display:flex}.topic-link-icon{opacity:0;width:0;height:0;color:var(--c-white);transition:all .2s ease-in-out}.topic-link.active{background:linear-gradient(#6d4df0,#b24ef0)}.topic-link.active .topic-link-content{background:0 0;color:var(--c-white)!important}.topic-link.active .topic-link-icon{opacity:1;width:16px;height:16px;color:var(--c-white);min-width:16px;margin-left:8px}