.category__container{display:flex;flex-direction:column;gap:1rem;margin:0 auto}.category__container .forum-index__category-wrapper{padding:0}.category__container .forum-stats__footer{padding:0}.category__compact{width:100%}.category__compact .topic-card__main{display:grid;grid-template-columns:1fr auto}.category__compact .topic-card__main .table__pages-wrapper{grid-column:1}.category__compact .topic-card__content{display:none}.category__compact .topic-card__content-image{grid-column:2;grid-row:span 2}.category__compact .topic-card__content-image img{aspect-ratio:1/1;width:75px}.category__compact .topic-card__expand{display:none}.category__view-toggle{display:flex;border:1px solid var(--clr-neutral-80);background:var(--clr-surface)}.category__view-toggle .svg-wrapper{width:28px;height:28px;padding:.25rem;color:var(--clr-neutral-50)}.category__view-toggle .svg-wrapper svg{fill:currentColor}.category__view-toggle .svg-wrapper:hover{color:var(--clr-secondary);background:var(--clr-neutral-85)}.category__view-toggle>*{border-right:1px solid var(--clr-neutral-80)}.category__view-toggle>*:last-child{border-right:0}.category__view-toggle .active{background:var(--clr-neutral-85);color:var(--clr-secondary)}.category__suggestions{display:flex;gap:.5rem;overflow-x:auto}.category__suggestions-wrapper{flex:1;flex-shrink:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid var(--clr-neutral-80);background:var(--clr-surface);width:100%}.category__suggestions-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.5rem;padding:.5rem;border-radius:.5rem;width:125px}.category__suggestions-image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:50%}.category__suggestions-content{display:flex;flex:1;flex-direction:column;gap:.25rem;align-items:center;text-align:center;font-size:14px}.category__suggestions-content a,.category__suggestions-content p{display:inline;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:capitalize}.category__suggestions-content .pill-secondary{margin:.5rem 0;margin-top:auto}.category__filter{display:flex;overflow-x:auto;scrollbar-width:none;gap:.5rem;padding-top:.25rem}.category__filter::-webkit-scrollbar{display:none}.category__filter .active{color:var(--clr-secondary);border:1px solid var(--clr-secondary);background:var(--clr-surface)}.category__filter-item{font-size:14px;border-radius:.25rem;border:1px solid var(--clr-neutral-70);padding:0 .5rem;flex-shrink:0;text-align:center}.topic-card{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0 auto}.topic-card__item{display:flex;flex-direction:column;border:1px solid var(--clr-neutral-80);background:var(--clr-surface)}.topic-card__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;padding:.5rem;position:relative}.topic-card__image{grid-column:1;grid-row:span 2;overflow:hidden}.topic-card__image img{aspect-ratio:1/1;width:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topic-card .thread__footer{border-top:0}.topic-card__expand{margin:0 auto;padding:.25rem .5rem;border:1px solid var(--clr-neutral-80);background:var(--clr-surface);border-radius:1rem;font-size:12px;cursor:pointer;transition:all .2s ease-in-out}.topic-card__expand:hover{background:var(--clr-neutral-85);color:var(--clr-secondary)}.topic-card__forum-wrapper,.topic-card__author-wrapper{display:flex;align-items:center;gap:.5rem;color:var(--clr-neutral-10)}.topic-card__forum{font-size:14px;font-weight:600;text-transform:capitalize}.topic-card__author-wrapper{font-size:13px;gap:1rem;grid-column:2}.topic-card__join{font-size:13px;padding:.125rem .5rem;font-weight:600;color:var(--clr-secondary)}.topic-card__options{transform:rotate(90deg);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0 .5rem;margin-left:auto;grid-column:3;grid-row:1/-1;align-self:flex-start}.topic-card__options-list{display:none;flex-direction:column;background:var(--clr-neutral-80);padding:.25rem 0;border:1px solid var(--clr-neutral-70);border-radius:.25rem;position:absolute;top:2rem;right:.5rem;z-index:2}.topic-card__options-item{text-transform:capitalize;font-size:14px;padding:0 .5rem;border-bottom:1px solid var(--clr-neutral-70)}.topic-card__options-item:last-child{border-bottom:0}.topic-card__main{display:flex;flex-direction:column;gap:1rem;row-gap:.5rem;padding:.125rem .75rem}.topic-card__title{font-size:1rem;font-weight:600;word-break:break-word}@media only screen and (min-width:768px){.topic-card__title{font-size:1.125rem}}.topic-card__content{grid-column:1}.topic-card__content p{font-size:14px;color:var(--clr-neutral-20)}.topic-card__content-image{max-width:640px}.topic-card__content-image img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;max-height:450px;width:100%}.topic-card__footer{display:flex;align-items:center;padding:.5rem}.topic-card__actions{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"vote stats comments share " "reply reply reply page";align-items:center;gap:.5rem;-moz-column-gap:.125rem;column-gap:.125rem;width:100%}@media only screen and (min-width:576px){.topic-card__actions{justify-content:left;grid-template-columns:auto auto auto 1fr auto auto;grid-template-areas:"vote stats comments share reply page"}}.topic-card__actions>*{display:flex;align-items:center}.topic-card__actions .svg-wrapper{width:24px;height:24px;padding:.25rem;border-radius:50%}.topic-card__actions .svg-wrapper svg{color:var(--clr-neutral-30)}.topic-card__count{font-size:14px;color:var(--clr-neutral-40)}.topic-card__vote{grid-area:vote}.topic-card__share{margin-left:auto;grid-area:share}.topic-card__page{grid-area:page;margin-left:auto;border:1px solid var(--clr-neutral-70);padding:.325rem!important}.topic-card__page svg{transform:rotate(270deg)}@media only screen and (min-width:576px){.topic-card__page{margin-left:0}}.topic-card__last-reply{font-size:12px;color:var(--clr-neutral-40);grid-area:reply}.topic-card__last-reply a{color:var(--clr-neutral-40)}.topic-card__last-reply div{background:var(--clr-neutral-85);border-radius:.25rem;padding:.25rem .5rem}.topic-card__last-reply div a:first-child{font-weight:600}.topic-card__last-reply div a:last-child{font-weight:600}.topic-card__last-reply div a:last-child:before{content:"by ";font-weight:400}.topic-card__last-reply .svg-wrapper{background:none}.topic-card__filter{display:flex;align-items:center;justify-content:space-between;position:relative}.topic-card__filter-content{display:none;position:absolute;top:2rem;left:0;background:var(--clr-surface);border:1px solid var(--clr-neutral-70);list-style-type:none}.topic-card__filter-content li{margin:.125rem}.topic-card__filter-button{border:1px solid var(--clr-neutral-70);background:var(--clr-surface);position:relative;padding-left:.25rem}.topic-card__filter-button::after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="down-icon" viewBox="0 0 512 298.04"><path fill-rule="nonzero" d="M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z"/></svg>');width:.75rem;height:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-85%)}.topic-card__filter-button,.topic-card__filter-option{display:flex;align-items:center;padding:.25rem;gap:.25rem;width:175px;font-size:14px}.topic-card__filter-button .svg-wrapper,.topic-card__filter-option .svg-wrapper{width:24px;height:24px;padding:.25rem}.topic-card__filter-content{align-items:center;padding:.25rem;gap:.25rem;width:175px;font-size:14px}.topic-card__filter-content .svg-wrapper{width:24px;height:24px;padding:.25rem}.topic-card__btn{align-self:center}.topic-card__toggle-posts{display:flex;align-items:center;border:0;background:transparent;cursor:pointer;padding:4px 8px;color:var(--text-color,var(--clr-neutral-30));transition:color .2s ease;margin-left:auto;grid-area:share}.topic-card__toggle-posts:hover{color:var(--primary-color,var(--clr-secondary))}.topic-card__toggle-posts .svg-wrapper{width:16px;height:16px;margin-right:4px;transition:transform .3s ease}.topic-card__posts-container{border-top:1px solid var(--clr-neutral-80);padding:0;border-radius:0 0 6px 6px;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:all .3s ease-in-out,visibility 0s linear .3s}.topic-card__posts-container.expanded{padding:12px;max-height:500px;opacity:1;visibility:visible;transition:all .3s ease-in-out,visibility 0s linear}.topic-card__posts-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.topic-card__post-id{font-weight:600;color:var(--clr-link);border:1px solid var(--clr-neutral-80);border-radius:.25rem;padding:.25rem .5rem;font-size:12px;text-decoration:none;transition:background-color .2s ease}.topic-card__post-id:hover{background-color:var(--clr-neutral-80);text-decoration:none}.topic-card-more{border:1px solid var(--clr-neutral-80);height:28px;width:28px;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--clr-link);font-weight:600;cursor:pointer}.topic-card-more:hover{background-color:var(--clr-neutral-80);text-decoration:none}.topic-card__no-posts{text-align:center;color:var(--clr-neutral-40);font-style:italic;padding:10px}