.comments-element{padding:var(--spacing);margin-bottom:var(--spacing)}.comment{display:grid;gap:var(--spacing);grid-template-columns:auto 3em;grid-template-rows:auto auto;margin-bottom:var(--spacing)}.comment .comment-header{grid-column:1 / -1;grid-row:1 / 2;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-x2)}.comment .comment-header .comment-date{width:max-content;opacity:var(--transparency-alpha);white-space:nowrap}.comment .comment-header .author-badge img{margin-right:var(--spacing-x2)}.comment .comment-content{grid-column:1 / 2;grid-row:2 / -1;margin-left:calc(2em + var(--spacing-x2));word-wrap:anywhere}.comment .comment-action{grid-column:2 / -1;grid-row:2 / -1;padding:var(--spacing);color:var(--primary);border-color:var(--primary);background-color:var(--primary-text-dark);cursor:pointer;align-self:flex-end}.comment .comment-action svg{height:2em;width:2em}