/* Google Material SVGs; the three slots stay tappable at every vote distribution. */
.reaction-bar{display:flex;gap:5px;width:252px;max-width:100%;min-width:142px;align-items:center;flex:0 1 252px;isolation:isolate}
.reaction-bar .reaction-segment{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;gap:5px;flex-basis:44px;flex-shrink:1;min-width:44px;height:40px;min-height:40px;margin:0;padding:0 8px;border:1px solid #e1e4e6;border-radius:11px;background:#f1f3f4;color:var(--reaction-color);font:inherit;text-decoration:none;cursor:pointer;box-shadow:none;transition:flex-grow .48s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s,box-shadow .25s,border-color .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.reaction-segment-correct{--reaction-color:#2473d4;--reaction-fill:#2473d4;--reaction-svg:url('material-icons/reactions/correct.svg')}
.reaction-segment-insightful{--reaction-color:#39851f;--reaction-fill:#39851f;--reaction-svg:url('material-icons/reactions/insightful.svg')}
.reaction-segment-incomplete{--reaction-color:#b65a13;--reaction-fill:#b65a13;--reaction-svg:url('material-icons/reactions/incomplete.svg')}
.reaction-bar .reaction-segment.has-votes{background:var(--reaction-fill);border-color:var(--reaction-fill);color:white}
.reaction-google-icon{display:block;flex:none;width:20px;height:20px;background:currentColor;mask:var(--reaction-svg) center/contain no-repeat;-webkit-mask:var(--reaction-svg) center/contain no-repeat}
.reaction-count{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}
.reaction-bar .reaction-segment.is-selected{box-shadow:0 0 0 2px #fbfef8,0 0 0 3px var(--reaction-color)}
.reaction-bar .reaction-segment:focus-visible{outline:2px solid var(--reaction-color);outline-offset:4px}
.reaction-bar .reaction-segment:active{filter:brightness(.92)}
.reaction-bar .reaction-segment:disabled{cursor:default;opacity:1}
.reaction-bar [hidden]{display:none!important}
.reaction-bar-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topic-reactions:has(.reaction-bar){flex:1 1 142px;min-width:142px;max-width:252px;margin-block:4px;gap:0}
.topic-reactions .reaction-bar{width:100%;flex:1}
.topic-card-footer .topic-author,.topic-author-footer .topic-author{min-width:0;flex:1 1 78px}
.topic-card-footer .social-person-copy,.topic-author-footer .social-person-copy{min-width:0;overflow-wrap:anywhere}
.topic-card-footer,.topic-author-footer{gap:14px;flex-wrap:wrap}
.social-note-actions>.reaction-bar{margin-block:4px;margin-inline-start:auto}
@media(hover:hover){.reaction-bar .reaction-segment:hover{filter:brightness(.96);border-color:var(--reaction-color)}}
@media(prefers-reduced-motion:reduce){.reaction-bar .reaction-segment{transition:none}}