.cbox-comment.template{display:none}.cbox-comments{display:grid;gap:.75rem}.cbox-comment{display:grid;grid-template-columns:minmax(8rem,200px) 1fr;grid-template-areas:"author body" "date actions";gap:.25rem 1rem;padding:.75rem 0;align-items:start;height:auto}.cbox-comment.new{animation:cbox-comment-fadeIn .5s ease}@keyframes cbox-comment-fadeIn{from{opacity:0}to{opacity:1}}.cbox-comment.busy{opacity:.8;pointer-events:none}.cbox-author{grid-area:author;font-weight:700}.cbox-body{grid-area:body;min-width:0;line-height:1.4}.cbox-date{grid-area:date;align-self:end;font-size:.85rem;opacity:.7}.cbox-action{grid-area:actions;display:flex;gap:.5rem;align-self:end;justify-content:flex-end}.cbox-action button i{padding:.25rem;padding-left:.5em;padding-right:.5em}.cbox-comment:not(.own) .cbox-delete,.cbox-comment:not(.own) .cbox-edit{display:none}.cbox-action .cbox-heart{width:50px;text-align:left;margin-top:2px}.cbox-action .cbox-heart::after{font-family:"Font Awesome 7 Free";content:"\f004";margin-left:.25rem}.cbox-action .cbox-heart.hearted::after{font-weight:900;color:#af1e23}.cbox-action .cbox-heart:hover,.cbox-action .cbox-reply:hover,.cbox-comment .cbox-delete:hover,.cbox-comment .cbox-edit:hover{transform:translateY(-2px);transition:transform .2s ease}.cbox-action .cbox-reply:disabled{display:none}.cbox-comment.reply{background:#e9b885;outline:1px solid #fff;outline-offset:2px}.cbox-comment.reply .cbox-action{display:none}.cbox-comments-viewmore.hidden{display:none}.cbox-post{display:grid;grid-template-columns:minmax(8rem,200px) 1fr 60px;grid-template-areas:"name  message button";align-items:start}.cbox-post>span{grid-area:label;font-weight:700}.cbox-post>input{grid-area:name;width:100%;box-sizing:border-box}.cbox-replyto{text-transform:uppercase;color:#af1e23;margin-right:.5rem;cursor:pointer}