.comment-reactions{display:flex;align-items:center;flex:1;min-width:0;width:100%;height:44px;overflow:hidden;--reaction-color: var(--ls-color-primary, #4033aa)}.comment-reactions__reply{flex:0 0 auto;width:56px;height:44px;overflow:hidden;opacity:1;transition:width .3s ease-out,opacity .18s ease-out}.comment-reactions__reply>div{width:56px;height:44px;display:flex;align-items:center}.comment-reactions__toggle{flex:0 0 44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--reaction-color);cursor:pointer}.comment-reactions__picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:0 1 auto;width:calc(100% - 44px);max-width:0;height:44px;overflow:hidden;opacity:0;transition:max-width .3s ease-out,opacity .3s ease-out}.comment-reactions__picker .comment-reaction-chip{min-width:0;width:100%;padding:0;border:0}.comment-reactions__saved{display:flex;min-width:0;gap:6px;overflow-x:auto}.comment-reactions--open .comment-reactions__reply{width:0;opacity:0}.comment-reactions--open .comment-reactions__picker{max-width:264px;opacity:1}.comment-reactions button:focus-visible{outline:2px solid var(--reaction-color);outline-offset:-2px}.comment-reactions button:disabled{cursor:default;opacity:.5}.comment-reaction-chip{flex-shrink:0;min-width:36px;height:44px;padding:4px 10px;border:1px solid var(--ls-color-border, #ddd);border-radius:22px;background:transparent;color:inherit;cursor:pointer}.comment-reaction-chip[aria-pressed=true]{border-color:#4033aa;background:#eeeafa}@media(prefers-reduced-motion:reduce){.comment-reactions__reply,.comment-reactions__picker{transition:none}}