.reaction-chips.svelte-16z9knp{flex-wrap:wrap;gap:.25rem;display:flex}.reaction-chip.svelte-16z9knp{border:1px solid var(--color-line);background:var(--color-panel);cursor:pointer;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.8125rem;transition:border-color .12s,background-color .12s;display:inline-flex}.reaction-chip.svelte-16z9knp .count:where(.svelte-16z9knp){color:var(--color-sub);font-size:.75rem;font-weight:700}.reaction-chip.svelte-16z9knp:hover{border-color:var(--color-brand-300)}.reaction-chip.svelte-16z9knp.mine{border-color:var(--color-brand-400);background:var(--color-brand-50)}.reaction-chip.svelte-16z9knp.mine .count:where(.svelte-16z9knp){color:var(--color-brand-600)}.dark .reaction-chip.svelte-16z9knp.mine{background:color-mix(in srgb, var(--color-brand-500) 18%, transparent)}.dark .reaction-chip.svelte-16z9knp.mine .count:where(.svelte-16z9knp){color:var(--color-brand-300)}.reaction-picker.svelte-39ogtw{gap:.125rem;display:flex}.reaction-picker.svelte-39ogtw .emoji:where(.svelte-39ogtw){min-width:30px;height:30px;color:var(--color-sub);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.reaction-picker.svelte-39ogtw .emoji:where(.svelte-39ogtw):hover{background:var(--color-surface-sub);color:var(--color-main)}.reaction-picker.svelte-39ogtw .emoji:where(.svelte-39ogtw).selected{background:var(--color-brand-50)}.dark .reaction-picker.svelte-39ogtw .emoji:where(.svelte-39ogtw).selected{background:color-mix(in srgb, var(--color-brand-500) 18%, transparent)}