.reactions__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.reactions__header-actions{align-items:center;gap:.5rem;display:flex}.reactions__header-button{width:2.25rem;min-width:2.25rem;height:2.25rem;color:var(--cl-main-400);cursor:pointer;border-radius:var(--radius-full);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.reactions__header-button:hover{color:var(--cl-accent-400);background-color:color-mix(in srgb, var(--cl-accent-500) 10%, transparent)}.reactions__header-button-icon{display:block}.reactions__header-button-icon-reload{transition:transform .2s var(--ease-out);transform:scale(1.1,.9)}.reactions__header-button:hover .reactions__header-button-icon-reload,.reactions__header-button:focus .reactions__header-button-icon-reload{transform:scaleX(1)}.reactions__header-button-icon-reload-active{animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reactions__list{flex-wrap:wrap;gap:.5rem;display:flex}.reactions-item{color:var(--cl-main-100);border-radius:var(--radius-full);font-weight:500;text-decoration:none;position:relative}.reactions-item__avatar{border-radius:var(--radius-full);transition:box-shadow .2s var(--ease-out);display:block}.reactions-item:hover .reactions-item__avatar{box-shadow:0 0 0 2px color-mix(in srgb, var(--cl-accent-400) 50%, transparent)}.reactions-item__avatar-fallback{background-color:var(--cl-main-900);border-radius:var(--radius-full);width:2.75rem;height:2.75rem;transition:box-shadow .2s var(--ease-out);justify-content:center;align-items:center;display:flex}.reactions-item:hover .reactions-item__avatar-fallback{box-shadow:0 0 0 2px color-mix(in srgb, var(--cl-accent-400) 50%, transparent)}.reactions__item-link{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:.5rem;margin-block:1rem;padding:1rem 1.25rem;display:flex}.reactions-type{background-color:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-soft);transition:opacity .2s var(--ease-out);border-radius:6px;padding:2px;position:absolute;bottom:-2px;right:-2px}.reactions-item:hover .reactions-type{opacity:0}
.comments__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.comments__header-actions{align-items:center;gap:.5rem;display:flex}.comments__header-button{width:2.25rem;min-width:2.25rem;height:2.25rem;color:var(--cl-main-400);cursor:pointer;border-radius:var(--radius-full);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.comments__header-button:hover{color:var(--cl-accent-400);background-color:color-mix(in srgb, var(--cl-accent-500) 10%, transparent)}.comments__header-button-icon{display:block}.comments__header-button-icon-reload{transition:transform .2s var(--ease-out);transform:scale(1.1,.9)}.comments__header-button:hover .comments__header-button-icon-reload,.comments__header-button:focus .comments__header-button-icon-reload{transform:scaleX(1)}.comments__header-button-icon-reload-active{animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments__reply-link{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:.5rem;margin-block:1rem;padding:1rem 1.25rem;display:flex}