.social-bar{--social-like: 0 78% 62%;--social-comments: 0 0% 100%;--social-save: 211 95% 62%}html.light .social-bar{--social-like: 0 72% 48%;--social-comments: 224 50% 20%;--social-save: 215 85% 42%}#root .social-bar .social-action{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;padding:0 .7rem;border-radius:999px;border:1.5px solid hsl(var(--social-tone) / .35);background:transparent;color:hsl(var(--social-tone));font-size:.78rem;font-weight:700;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}#root .social-bar .social-action svg{width:1rem;height:1rem}#root .social-bar .social-action img.real-icon{width:1.15rem;height:1.15rem;filter:grayscale(.85) opacity(.75) drop-shadow(0 1px 1px hsl(224 60% 3% / .4));transition:filter .15s ease,transform .15s ease}#root .social-bar .social-action:hover img.real-icon{filter:grayscale(.3) opacity(.95) drop-shadow(0 1px 1px hsl(224 60% 3% / .4))}#root .social-bar .social-action.is-on img.real-icon{filter:none;transform:scale(1.12)}#root .social-bar .social-action:hover:not(:disabled){background:hsl(var(--social-tone) / .12);border-color:hsl(var(--social-tone) / .6)}#root .social-bar .social-action:active:not(:disabled){transform:scale(.96)}#root .social-bar .social-action:disabled{opacity:.6;cursor:progress}#root .social-bar .social-action:focus-visible{outline:3px solid hsl(var(--focus-ring));outline-offset:2px}#root .social-bar .social-action.is-on{background:hsl(var(--social-tone) / .18);border-color:hsl(var(--social-tone) / .8)}#root .social-bar .social-action.is-on svg{fill:currentColor}#root .social-bar .social-like{--social-tone: var(--social-like)}#root .social-bar .social-comments{--social-tone: var(--social-comments)}#root .social-bar .social-save{--social-tone: var(--social-save)}#root .social-bar .social-retry{min-height:2.5rem;padding:0 .5rem;font-size:.72rem;color:hsl(var(--muted-foreground));text-decoration:underline}@media(max-width:380px){#root .social-bar .social-label{display:none}#root .social-bar .social-save .social-label{display:inline}}