@layer components{.sbt-like{--like:#f91880;--like-ink:#c8105f;min-block-size:var(--touch-min);min-inline-size:var(--touch-min);padding:0;color:var(--ink-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:2px;padding-inline-end:var(--space-8);display:inline-flex;position:relative}.sbt-like:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius-button)}.sbt-like__heart{place-items:center;block-size:26px;inline-size:26px;display:grid;position:relative}.sbt-like__heart svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;block-size:22px;inline-size:22px}.sbt-like[aria-pressed=true]{color:var(--like-ink)}.sbt-like[aria-pressed=true] .sbt-like__heart svg{fill:var(--like);stroke:var(--like)}.sbt-like__count{font-size:var(--text-body);font-variant-numeric:tabular-nums}.sbt-like__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.sbt-like[aria-pressed=true] .sbt-like__heart[data-pop] svg{animation:.42s cubic-bezier(.17,.89,.32,1.49) sbt-like-pop}.sbt-like[aria-pressed=true] .sbt-like__heart[data-pop]:after{content:"";border:2px solid var(--like);opacity:0;pointer-events:none;border-radius:50%;animation:.42s ease-out sbt-like-ring;position:absolute;inset:0}}@keyframes sbt-like-pop{0%{transform:scale(.6)}55%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes sbt-like-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}}