.reaction-wrap{--reaction-gap:8px;--reaction-grace:.15s;--reaction-shift:0px;--reaction-lift:-4px;align-items:center;display:inline-flex;position:relative}.reaction-button{color:inherit;font:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;padding:0}.reaction-button:disabled{cursor:default;opacity:.6}.reaction-faces{align-items:center;display:inline-flex}.reaction-faces .reaction-face+.reaction-face{margin-left:-5px}.reaction-face{object-fit:contain;width:18px;height:18px;box-shadow:0 0 0 2px var(--boxbg);border-radius:50%;display:block}.reaction-faces.empty .reaction-face{opacity:.55;box-shadow:none}.reaction-button:hover .reaction-faces.empty .reaction-face{opacity:1}.reaction-picker{top:calc(100% + var(--reaction-gap));transform:translateX(calc(-50% + var(--reaction-shift))) translateY(var(--reaction-lift));z-index:5;background:var(--boxbg);border:1px solid var(--bdrColor);visibility:hidden;opacity:0;transition:opacity .12s ease-out var(--reaction-grace), transform .12s ease-out var(--reaction-grace), visibility 0s linear calc(var(--reaction-grace) + .12s);border-radius:50px;align-items:center;gap:2px;padding:6px 8px;display:flex;position:absolute;left:50%;box-shadow:0 8px 24px #00000059}.reaction-picker:before{content:"";height:calc(var(--reaction-gap) + 4px);position:absolute;bottom:100%;left:0;right:0}.reaction-wrap.held .reaction-picker{visibility:visible;opacity:1;transform:translateX(calc(-50% + var(--reaction-shift))) translateY(0);transition-delay:0s}.reaction-wrap:has(:focus-visible) .reaction-picker{visibility:visible;opacity:1;transform:translateX(calc(-50% + var(--reaction-shift))) translateY(0);transition-delay:0s}@media (any-hover:hover){.reaction-wrap:hover .reaction-picker{visibility:visible;opacity:1;transform:translateX(calc(-50% + var(--reaction-shift))) translateY(0);transition-delay:0s}}@media (prefers-reduced-motion:reduce){.reaction-wrap{--reaction-lift:0px}.reaction-picker{transition:opacity 0s linear calc(var(--reaction-grace) + .12s), visibility 0s linear calc(var(--reaction-grace) + .12s)}}.reaction-choice{background-color:#0000;background-image:var(--reaction-still);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:26px 26px;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .12s ease-out,background-color .12s ease-out;display:flex}.reaction-wrap.held .reaction-choice{background-image:var(--reaction-motion)}.reaction-wrap:has(:focus-visible) .reaction-choice{background-image:var(--reaction-motion)}@media (any-hover:hover){.reaction-wrap:hover .reaction-choice{background-image:var(--reaction-motion)}}@media (prefers-reduced-motion:reduce){.reaction-wrap:hover .reaction-choice,.reaction-wrap.held .reaction-choice{background-image:var(--reaction-still)}.reaction-wrap:has(:focus-visible) .reaction-choice{background-image:var(--reaction-still)}}.reaction-choice:hover:not(:disabled),.reaction-choice:focus-visible{background-color:var(--bodyBg);transform:scale(1.18)}.reaction-choice.chosen{background-color:var(--bodyBg);box-shadow:inset 0 0 0 2px var(--textHover)}.reaction-choice:disabled{cursor:default;opacity:.6}@media (prefers-reduced-motion:reduce){.reaction-choice,.reaction-choice:hover:not(:disabled),.reaction-choice:focus-visible{transition:none;transform:none}}.reaction-error{margin-left:8px;font-size:.75rem}.reaction-count{color:inherit;font:inherit;line-height:inherit;background:0 0;border:0;margin:0;padding:0}.reaction-count.is-link{cursor:pointer}.reaction-count.is-link:hover,.reaction-count.is-link:focus-visible{color:var(--textHover);text-underline-offset:2px;text-decoration:underline}.reaction-count.reacted{color:var(--textHover);font-weight:600}.reaction-dialog{background:var(--boxbg);width:min(420px,100vw - 32px);max-height:min(70vh,640px);color:var(--fontColor);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);margin:auto;padding:0;inset:0;overflow:auto;box-shadow:0 24px 64px #00000073}.reaction-dialog::backdrop{background:#0000008c}.reaction-dialog-head{z-index:1;background:var(--boxbg);border-bottom:1px solid var(--bdrColor);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.reaction-dialog-head h2{font-size:var(--FontSize16);color:var(--headingColor);margin:0}.reaction-dialog-close{width:30px;height:30px;color:var(--textColor2);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:1.375rem;line-height:1}.reaction-dialog-close:hover,.reaction-dialog-close:focus-visible{background:var(--bodyBg);color:var(--textColor1)}.reaction-dialog-note{color:var(--textColor2);margin:0;padding:14px 16px;font-size:.8125rem}.reactor-list+.reaction-dialog-note{border-top:1px solid var(--bdrColor)}.reactor-list{margin:0;padding:6px 0;list-style:none}.reactor{align-items:center;gap:12px;padding:8px 16px;display:flex}.reactor-avatar{flex-shrink:0;line-height:0;position:relative}.reactor-photo{object-fit:cover;border-radius:50%;width:36px;height:36px}.reactor-badge{background:var(--boxbg);width:16px;height:16px;box-shadow:0 0 0 2px var(--boxbg);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.reactor-main{flex-direction:column;min-width:0;display:flex}.reactor-name{color:var(--textColor1);font-size:var(--FontSize);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}a.reactor-name:hover{color:var(--textHover)}.reactor-when{color:var(--textlighter);font-size:.75rem}