@layer components{.tp-act{min-width:44px;min-height:44px;color:var(--tp-ink-2);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.tp-act:hover{background:var(--tp-cream);color:var(--tp-ink)}.tp-act:active{transform:scale(.92)}.tp-act-fav[aria-pressed=true]{color:var(--tp-accent)}.tp-act-save{margin-left:auto;padding:0}.tp-act-save[aria-pressed=true]{color:var(--tp-brand-text)}.tp-act-label{display:none}@container (min-width:520px){.tp-act-label{display:inline}}.tp-act-react[aria-pressed=true]{color:var(--tp-brand-text)}.tp-act-react{position:relative}.tp-act-n{background:var(--tp-deep);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:3px;left:calc(50% + 4px)}@container (min-width:520px){.tp-act-n{left:22px}}}
