@layer components{.es-bar{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:6px 10px;display:inline-flex}.es-stat{color:var(--t-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.es-stat svg,.es-like svg{flex:none;width:14px;height:14px}.es-like{border:1px solid var(--t-line);background:var(--t-accent-50);height:28px;color:var(--t-text-2);font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:color .2s, border-color .2s, background-color .2s, transform .2s var(--t-ease);border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;font-weight:600;line-height:1;display:inline-flex}.es-like:hover{border-color:var(--t-accent);color:var(--t-accent)}.es-like:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.es-like:active{transform:scale(.96)}.es-like[data-busy]{cursor:progress}.es-like[aria-pressed=true]{border-color:var(--t-accent);background:var(--t-accent);color:var(--t-accent-ink)}.es-like[aria-pressed=true]:hover{border-color:var(--t-accent-hover);background:var(--t-accent-hover);color:var(--t-accent-ink)}.es-like[aria-pressed=true] svg{fill:currentColor;animation:es-pop .4s var(--t-ease)}.es-error{color:var(--t-bad);font-size:12px}@keyframes es-pop{0%{transform:scale(1)}45%{transform:scale(1.3)rotate(-12deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.es-like{transition:none}.es-like:active{transform:none}.es-like[aria-pressed=true] svg{animation:none}}}