/* A text-only wheel. Emphasis comes exclusively from opacity, not a selected panel. */
.jf-comment-stage{min-width:0}
.jf-comment-preview{margin:4px 0 0;background:none;border:0;box-shadow:none;border-radius:0}
.jf-preview-viewport{--comment-step:1.5rem;height:calc(var(--comment-step)*5);position:relative;overflow:clip;cursor:pointer;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.jf-comment-preview[data-count="1"] .jf-preview-viewport{height:var(--comment-step);mask-image:none;-webkit-mask-image:none}
.jf-comment-preview:is([data-count="2"],[data-count="3"]) .jf-preview-viewport{height:calc(var(--comment-step)*3)}
.jf-preview-comment{position:absolute;top:50%;left:0;right:0;display:flex;align-items:center;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transition:transform 400ms cubic-bezier(.22,.61,.36,1),opacity 400ms ease}
.jf-page .jf-preview-comment>[data-expand-comment-preview]{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:var(--comment-step);padding:0;margin:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;font:inherit;font-size:.88rem;font-weight:400;line-height:var(--comment-step);color:inherit;cursor:pointer}
.jf-preview-author{flex:0 1 auto;min-width:0;max-width:0;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;line-height:var(--comment-step);color:inherit;opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,max-width 180ms ease,margin-left 180ms ease}
.jf-preview-comment:focus-within>.jf-preview-author{max-width:min(42%,12rem);margin-left:.5rem;opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.jf-preview-comment:hover>.jf-preview-author{max-width:min(42%,12rem);margin-left:.5rem;opacity:1;transform:none}}
.jf-options-panel>[data-preview-pause]{background:none;border:0;box-shadow:none;padding:8px 0;min-height:40px;color:inherit;font:inherit;font-size:.8rem;text-align:left}
.jf-comment-stage>.jf-comments{border:0;margin:0;padding:0}
.jf-comments .jf-comment-list{padding:0;max-height:none;overflow:visible}
.jf-comments .jf-comment,.jf-thread-children>.jf-comment-list>.jf-comment{border:0;border-radius:0;background:none;box-shadow:none;padding:12px 0;margin:0;opacity:1;transform:none}
.jf-comments .jf-comment-body{margin:4px 0;line-height:1.5}
.jf-comments .jf-comment-tools{min-height:36px;align-items:center}
.jf-comments .jf-comment-tools details{margin:0}
.jf-thread-children{border:0;padding-left:18px;margin:8px 0}
.jf-comment-reactions{position:relative;min-width:0}
.jf-comment-reactions>.jf-reaction-bar{opacity:0;pointer-events:none;transition:opacity 160ms ease;margin:4px 0;min-height:44px}
.jf-comment-reactions>.jf-reaction-bar{flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:none}
.jf-comment-reactions>.jf-reaction-bar::-webkit-scrollbar{display:none}
.jf-comment-reactions>.jf-reaction-bar button{flex:0 0 auto}
.jf-comment-reactions:focus-within:has(:focus-visible)>.jf-reaction-bar,.jf-comment:focus-within:has(:focus-visible):not(:has(.jf-comment:focus-within))>.jf-comment-reactions>.jf-reaction-bar,.jf-comment[data-reactions-open=true]>.jf-comment-reactions>.jf-reaction-bar{opacity:1;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.jf-comment:hover:not(:has(.jf-comment:hover))>.jf-comment-reactions>.jf-reaction-bar{opacity:1;pointer-events:auto}}
.jf-comment-reaction-toggle{position:absolute;right:0;top:0;width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--theme-muted,#526b77);opacity:0;pointer-events:none}
.jf-comment-reaction-toggle:focus-visible{opacity:1;pointer-events:auto}
@media(hover:none),(pointer:coarse){.jf-comment-reaction-toggle{opacity:1;pointer-events:auto}.jf-comment-reactions{padding-right:44px}}
@media(max-width:680px){.jf-thread-children{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.jf-preview-comment,.jf-preview-author,.jf-comment-reactions>.jf-reaction-bar{transition:none}}
@media(forced-colors:active){.jf-preview-viewport{mask-image:none;-webkit-mask-image:none}}