.like-button{--like-color:var(--image-control-heart);--focus-ring-color:var(--image-control-text);top:var(--space-2);right:var(--space-2);z-index:3;border:1px solid var(--line-on-image);background:var(--image-control-bg);width:28px;height:28px;color:var(--image-control-text);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.like-button:before{content:"";border-radius:inherit;position:absolute;inset:-8px}.like-button svg{flex:none;display:block}.like-button.is-liked{color:var(--like-color);border-color:var(--like-color)}.like-button:not(:disabled):active{transform:scale(.94)}.like-button:disabled{opacity:.45;cursor:default}.like-button--inline{position:relative;inset:auto}.like-button--surface{--like-color:var(--heart);--focus-ring-color:var(--accent-2);background:var(--surface);color:var(--text-muted);border-color:var(--line-control)}.like-button--surface.is-liked{color:var(--like-color);border-color:var(--like-color)}.like-button--labelled{width:auto;height:auto;min-height:44px;padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md);font:inherit}.like-button--labelled:before{display:none}.like-button--bare{--like-color:var(--heart);--focus-ring-color:var(--accent-2);width:auto;height:auto;min-height:var(--nav-control-height);padding:0 var(--space-3);gap:var(--space-2);border-radius:var(--radius-md);color:var(--text);font:inherit;background:0 0;border:0;font-size:13px;font-weight:700}.like-button--bare:before{display:none}.like-button--bare svg{width:24px;height:24px}.like-button--bare.is-liked{color:var(--heart)}@media (hover:hover){.like-button--bare:not(:disabled):hover{background:var(--surface-2)}}.like-count{align-items:center;gap:var(--space-1);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12px;font-weight:400;line-height:1.4;display:inline-flex}.like-count svg{flex:none}.like-count--on-image{color:var(--image-control-text)}@media (hover:hover){.like-button:not(:disabled):hover{color:var(--like-color);border-color:var(--like-color)}}@media (pointer:coarse){.like-button{width:32px;height:32px}.like-button:before{inset:-6px}.like-button--labelled{width:auto;height:auto}}@media (prefers-reduced-motion:reduce){.like-button{transition:none}.like-button:not(:disabled):active{transform:none}}