.comment{flex-direction:row;gap:10px;width:100%;display:flex}.comment.archived .comment__author{background-color:var(--surface-high);border-radius:50px;justify-content:center;align-items:center;width:30px;height:30px;margin-top:5px;padding:5px;display:flex}.comment.archived .comment__content{color:var(--on-surface-variant)}.comment__inner{width:100%}.comment__inner:hover .comment__head .icon-delete,.comment__inner:hover .comment__side .icon-like{opacity:1}.comment__author-icon-stub{color:var(--on-surface-variant)}.comment__data{flex-direction:column;gap:15px;width:100%;display:flex}.comment__head{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.comment__head .icon-delete{opacity:0;color:var(--on-surface-variant);margin-left:auto}.comment__head .icon-delete:hover{color:var(--on-surface)}.comment__username{color:var(--on-surface);letter-spacing:.02em;flex-direction:row;align-items:center;gap:10px;margin-bottom:-5px;font-size:1rem;font-weight:600;display:flex}.comment__last-update{color:var(--on-surface-variant);margin-left:auto;font-size:.75rem;font-weight:500}.comment__content{letter-spacing:.02em;color:var(--on-surface);font-size:1rem;font-weight:500}.comment__side{flex-direction:row;gap:15px;font-size:.75rem;font-weight:500;display:flex}.comment__create-at{color:var(--on-surface-variant)}.comment__reply-target{letter-spacing:.02em;width:fit-content;color:var(--on-surface-variant);flex-direction:row;align-items:center;gap:5px;margin-bottom:10px;font-size:.8rem;display:flex}.comment__reply-target span{color:var(--primary);font-size:.8rem}.comment__reply-target .icon{cursor:pointer;color:var(--primary)}.comment__reply-target .icon:hover{opacity:.9}.comment__reply-btn{color:var(--on-surface-variant);cursor:pointer}.comment__reply-btn:hover{color:var(--on-surface);text-decoration:underline}.comment__likes{color:var(--on-surface-variant);flex-direction:row;align-items:end;gap:7px;margin-left:auto;display:flex}.comment__likes:has(.active){color:#ff4949}.comment__likes-count{font-weight:600}.comment__likes .icon-like{opacity:0;color:var(--on-surface-variant)}.comment__likes .icon-like:hover{color:var(--on-surface)}.comment__likes:has(.comment__likes-count) .icon-like{opacity:1}.comment__show-answers-btn{cursor:pointer;letter-spacing:.02em;width:fit-content;color:var(--on-surface);flex-direction:row;align-items:center;gap:7px;padding-bottom:15px;font-size:.75rem;font-weight:500;display:flex}.comment__show-answers-btn:hover{text-decoration:underline}.comment__answers{flex-direction:column;display:flex}.comment__reply-form{padding-bottom:15px}.comment__answers{transition:all 1s ease-in-out}.comment .comment-form{background-color:#0000;flex-direction:row;align-items:center;gap:15px}.comment .comment-form__input-wrapper{width:100%}.comment .comment-form__textarea{height:40px;min-height:auto}.comment .comment-form__textarea-count{display:none}.comment .comment-form__submit-button{padding:0}@media (max-width:768px){.comment .comment-form{flex-direction:column;align-items:flex-end}}.comment-reply{border-top:1px solid var(--outline);flex-direction:row;gap:10px;width:100%;padding:15px 0;display:flex;position:relative}.comment-reply:hover .icon-delete,.comment-reply:hover .icon-like{opacity:1}.comment-reply__inner{width:100%}.comment-reply__data{flex-direction:column;gap:15px;width:100%;display:flex}.comment-reply__head{flex-direction:row;align-items:flex-start;gap:10px;padding-bottom:0;display:flex}.comment-reply__head .icon-delete{opacity:0;color:var(--on-surface-variant);margin-left:auto}.comment-reply__head .icon-delete:hover{color:var(--on-surface)}.comment-reply__username{color:var(--on-surface);letter-spacing:.02em;flex-direction:row;align-items:center;gap:10px;margin-bottom:-5px;font-size:1rem;font-weight:600;display:flex}.comment-reply__reply-info{flex-direction:row;align-items:center;gap:5px;font-size:.8rem;font-weight:500;display:flex}.comment-reply__reply-info span{cursor:pointer;color:var(--on-surface-variant)}.comment-reply__content{letter-spacing:.02em;color:var(--on-surface);font-size:1rem;font-weight:500}.comment-reply__side{flex-direction:row;gap:15px;font-size:.75rem;font-weight:500;display:flex}.comment-reply__create-at{color:var(--on-surface-variant)}.comment-reply__reply-btn{color:var(--on-surface-variant);cursor:pointer}.comment-reply__reply-btn:hover{color:var(--on-surface);text-decoration:underline}.comment-reply__likes{color:var(--on-surface-variant);flex-direction:row;align-items:flex-start;gap:7px;margin-left:auto;display:flex}.comment-reply__likes:has(.active){color:#ff4949}.comment-reply__likes-count{font-weight:600}.comment-reply__likes .icon-like{opacity:0}.comment-reply__likes .icon-like:hover{color:var(--on-surface)}.comment-reply__likes:has(.comment-reply__likes-count) .icon-like{opacity:1}.comment-reply .user-avatar-component div{max-width:20px;max-height:20px;font-size:.7rem}.icon{transition:opacity .3s}.comment--highlight:before{content:"";border-radius:5px;animation:1s ease-in-out infinite highlight;position:absolute;inset:0 -20px}@keyframes highlight{0%{background-color:var(--surface-hover)}to{background-color:#0000}}