.work-reaction-bar.svelte-1evtb3n{width:fit-content;max-width:100%;color:var(--blue-950);background:#ffffffdb;border:1px solid #e4ced8;border-radius:.85rem;align-items:center;gap:.55rem;padding:.38rem .48rem;display:flex}.work-reaction-bar.svelte-1evtb3n>b:where(.svelte-1evtb3n){white-space:nowrap;font-size:.72rem;line-height:1.25}.reaction-buttons.svelte-1evtb3n{flex:none;gap:.24rem;display:flex}.reaction-buttons.svelte-1evtb3n form:where(.svelte-1evtb3n){display:contents}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n){color:#62515a;cursor:pointer;background:#fff;border:1px solid #ead7df;border-radius:.68rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n):hover{transform:translateY(-1px)}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n)>span:where(.svelte-1evtb3n){font-size:1.05rem;line-height:1}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n)>strong:where(.svelte-1evtb3n){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n)>small:where(.svelte-1evtb3n){min-width:1rem;height:1rem;color:var(--blue-900);background:#f5d9e3;border:1px solid #fff;border-radius:99px;place-items:center;padding:0 .18rem;font-size:.55rem;font-weight:850;display:grid;position:absolute;bottom:-.18rem;right:-.12rem}.reaction-buttons.svelte-1evtb3n button.active:where(.svelte-1evtb3n){background:var(--blue-100);border-color:#e76f9a;box-shadow:inset 0 0 0 1px #f2a6bf}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n):disabled{cursor:default;opacity:1}.work-reaction-bar.dark.svelte-1evtb3n{color:#fff;background:#ffffff0f;border-color:#ffffff29}.dark.svelte-1evtb3n .reaction-buttons:where(.svelte-1evtb3n) button:where(.svelte-1evtb3n){color:#fff;background:#182332;border-color:#ffffff26}.dark.svelte-1evtb3n .reaction-buttons:where(.svelte-1evtb3n) button.active:where(.svelte-1evtb3n){background:#57233a;border-color:#ef87aa}.dark.svelte-1evtb3n .reaction-buttons:where(.svelte-1evtb3n) button:where(.svelte-1evtb3n)>small:where(.svelte-1evtb3n){color:#fff;background:#ef87aa;border-color:#182332}@media (max-width:600px){.work-reaction-bar.svelte-1evtb3n{justify-content:space-between;gap:.35rem;width:100%;padding:.34rem .4rem}.work-reaction-bar.svelte-1evtb3n>b:where(.svelte-1evtb3n){white-space:nowrap}.reaction-buttons.svelte-1evtb3n{gap:.18rem}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n){width:2.12rem;height:2.12rem}}@media (max-width:350px){.work-reaction-bar.svelte-1evtb3n>b:where(.svelte-1evtb3n){font-size:.66rem}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n){width:1.95rem;height:1.95rem}.reaction-buttons.svelte-1evtb3n button:where(.svelte-1evtb3n)>span:where(.svelte-1evtb3n){font-size:.96rem}}