.front-comments{border:1px solid var(--border-strong);color:var(--text-bright);font:600 .82rem/1.2 var(--sans);font-variant-numeric:tabular-nums;vertical-align:baseline;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.28rem;padding:.1rem .4rem;display:inline-flex}button.front-comments:hover,button.front-comments:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));background:color-mix(in srgb, var(--accent) 10%, transparent)}button.front-comments:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.front-comments svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:.85rem;height:.85rem}.front-comments--pending{background:color-mix(in srgb, var(--text) 10%, transparent);cursor:default;border-color:#0000;width:2.6rem;height:1.35rem}.front-tl-comments-count{font:600 .88rem/1.3 var(--sans);color:var(--text);margin:.2rem 0 0}.front-tl-comment{padding-bottom:.6rem}.front-tl-comment-card{background:color-mix(in srgb, var(--text) 5%, var(--bg-card));border-radius:14px;display:grid}.front-tl-comment-card:hover{background:color-mix(in srgb, var(--text) 9%, var(--bg-card))}.front-tl-comment-card .social-connected-dialog-row,.front-tl-comment-card .social-connected-dialog-row:hover{background:0 0}.front-tl-comment-card .social-connected-dialog-row{padding-bottom:6px}.front-tl-comments-dialog a.front-tl-comment-story{border-top:1px solid var(--border);font:600 .88rem/1.35 var(--serif);color:color-mix(in srgb, var(--accent) var(--accent-text), var(--text-bright));text-underline-offset:.18em;margin-block:0 12px;margin-inline:68px 14px;padding-top:8px;text-decoration:underline;text-decoration-thickness:1px;display:block}.front-tl-comments-dialog a.front-tl-comment-story--flush{margin-inline-start:14px}:root[data-accessibility=true] .front-tl-comment-card{border:1px solid var(--border-strong)}:root[data-accessibility=true] .front-tl-comment-card .social-connected-dialog-row{border:0}