.community-thread-container{display:flex;flex-direction:column;gap:1rem}.threadCard{--col-gap:.5rem;--img-width:48px;--padding-top:1rem;--padding-left:1rem;--padding-bottom:.75rem;position:relative;border:1px solid var(--hoverColor);display:flex;flex-wrap:wrap;gap:var(--col-gap);text-decoration:none;padding:1rem 1rem 2rem;color:var(--textColor);row-gap:0;background-color:var(--bg);box-shadow:0 0 4px 0 var(--hoverColor)}.threadCard:after{content:"";height:calc(100% - var(--padding-top) - var(--padding-bottom) - var(--img-width));width:2px;background-color:var(--hoverColor);position:absolute;left:calc(var(--img-width)/2 + var(--padding-left) - 1px);top:calc(var(--padding-top) + var(--img-width))}.threadCard pre{color:var(--textColor);white-space:pre-wrap;font-family:Inter var;max-height:600px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:25;overflow-wrap:anywhere;-webkit-box-orient:vertical}.threadCard .right-section{flex-basis:calc(100% - var(--img-width) - var(--col-gap));width:100%;display:flex;flex-direction:column;gap:1rem;row-gap:.5rem}.threadCard .right-section .head{width:max-content}.threadCard .right-section .head h4{color:var(--textColor)}.threadCard .right-section .head h4:hover{text-decoration:underline;cursor:pointer}.threadCard .right-section .head p{color:var(--commentText)}.threadCard .right-section .actions{display:flex;gap:1.5rem;padding:.75rem 0;color:var(--iconsColor)}.threadCard .right-section .actions>div{align-items:center}.threadCard .right-section .actions i{padding:.2rem .5rem;border-radius:4px;transition:background-color .2s;font-size:1.25rem}.threadCard .right-section .actions i:hover{background-color:var(--hoverColor)}.threadCard .time,.threadCard .time-Options{right:.75rem;top:.75rem}.threadCard .stats,.threadCard .time,.threadCard .time-Options{position:absolute;width:max-content;display:flex;gap:.5rem;align-items:center;color:var(--commentText);font-size:.75rem}.threadCard .stats{left:calc(var(--img-width) + var(--col-gap) + var(--padding-left));bottom:.5rem}.threadCard .stats li{list-style:inside}@media only screen and (max-width:800px){.threadCard{width:100%;margin:.5rem 0;padding-top:2rem}.threadCard .actions li,.threadCard .actions span{display:none}}