/* Same comment panel is used by posts, Sigos and the full-photo viewer. */
.sigo-comments{position:absolute;inset:30% 0 0;z-index:45;background:rgb(var(--color-brand-dark));color:rgb(var(--color-brand-text-light));padding:16px;overflow:auto;border:1px solid rgb(var(--color-brand-gray-light));border-radius:12px 12px 0 0;font-size:14px;line-height:1.5}
.sigo-comments [hidden]{display:none!important}
.sigo-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.sigo-comments [role=alert]{color:#ffb2a8}
.sigo-comments [role=alert]:empty{display:none}
.sigo-comments [data-total],.sigo-comments time,.sigo-comment-parent{color:rgb(var(--color-brand-text-dim));font-size:12px}
.sigo-comments .sigo-comment{border-bottom:1px solid rgb(var(--color-brand-gray-light));padding:12px 0;margin-left:calc(var(--reply-depth,0) * 12px)}
.sigo-comments .sigo-comment>header{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:none;padding:0;height:auto;min-height:24px}
.sigo-comment-edited{color:rgb(var(--color-brand-gold));font-size:12px}
.sigo-comment-actions,.sigo-comment-reactions,.sigo-comment-emojis>div,.sigo-comments [data-reply-mode]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sigo-comments .rsv-btn,.sigo-comment-emojis summary{min-height:44px;min-width:44px;width:auto;padding:8px 10px;font-size:13px;line-height:1.4;cursor:pointer}
.sigo-comment-actions .rsv-btn{background:none;border-color:transparent;color:rgb(var(--color-brand-text-dim))}
.sigo-comment-reactions{margin-top:6px}
.sigo-comment-reactions [aria-pressed=true]{border-color:rgb(var(--color-brand-gold));background:rgba(222,181,61,.15)}
.sigo-comment-emojis{border:0;padding:0;margin:0}
.sigo-comment-emojis summary{display:flex;align-items:center;color:rgb(var(--color-brand-gold));list-style:none}
.sigo-comment-emojis>div{padding:4px 0}
.sigo-comments form,.sigo-comments form label{display:grid;gap:8px}
.sigo-comments .sigo-comment-compose{margin-top:16px}
.sigo-comments textarea{width:100%;min-height:80px;box-sizing:border-box;font:inherit;color:inherit;resize:vertical}
.sigo-comments form [type=submit]{width:100%}
.sigo-comment-edit,.sigo-comment-delete-confirm{border:1px solid rgb(var(--color-brand-gray-light));border-radius:8px;padding:12px;margin-top:8px}
.sigo-comments a{color:rgb(var(--color-brand-gold))}
.sigo-comments :focus-visible{outline:2px solid rgb(var(--color-brand-gold));outline-offset:2px}
@media (max-width:480px){.sigo-comments{padding:12px}.sigo-comments .sigo-comment{margin-left:calc(var(--reply-depth,0) * 8px)}}