.comment-card{--img-width:50px;display:grid;grid-template-columns:var(--img-width) 1fr;gap:15px;row-gap:10px;align-items:center}.comment-card__img{width:var(--img-width);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:50%}.comment-card__title--container{display:flex;flex-direction:column;gap:5px;-moz-column-gap:15px;column-gap:15px;overflow:hidden;max-width:100%}.comment-card__title{font-size:var(--font-normal);font-weight:600;color:var(--color-text-300);transition:all .3s ease;flex:1}.comment-card__date,.comment-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card__date{font-size:var(--font-sm);color:var(--color-text-250)}.comment-card:hover .comment-card__title{color:#000}.comment-card__content{font-size:var(--font-sm);color:var(--color-text-300);grid-column:span 2}@media only screen and (min-width:565px){.comment-card__img{grid-row:1/3}.comment-card__title--container{flex-direction:row;justify-content:space-between}.comment-card__content{grid-column:2/3}}.inf-comments{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;padding-block:var(--pm-150)}.inf-comments__inner--container{display:flex;flex-direction:column;gap:50px}.inf-comments .button__primary-light{width:100%;transition:all .3s linear;margin-top:var(--pm-100)}.inf-comments .button__primary-light:hover{background-color:var(--color-primary)}@media only screen and (min-width:768px){.inf-comments .button__primary-light{width:-moz-max-content;width:max-content}}.rb-card{--img-width:80px;display:grid;grid-template-columns:var(--img-width,80px) 1fr;align-items:center;gap:15px}.rb-card__img{width:var(--img-width);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:4px}.rb-card__title{font-size:var(--font-normal);font-weight:600;color:var(--color-text-300);transition:all .3s ease;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rb-card:hover .rb-card__title{color:#000}.add-comment__button{background-color:transparent;display:flex;align-items:center;justify-content:center;gap:5px;border:none;cursor:pointer}