.article-share{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.article-share .article-share-button{min-width:0;min-height:0;color:var(--text-muted);cursor:var(--cursor-pointer,pointer);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex;position:relative}.article-share-button:before{content:"";position:absolute;inset:-12px -4px}.article-share-button .morph-text:after{content:"";opacity:0;pointer-events:none;background:currentColor;height:1px;position:absolute;inset:auto 0 -2px}.article-share-button:disabled{cursor:wait}.article-share-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;color:var(--ink)}.article-share-button:focus-visible .morph-text:after{opacity:1}.article-share:has(.article-share-manual){flex-basis:100%}.article-share-manual{text-align:left;flex-basis:100%;gap:8px;min-width:0;max-width:480px;display:grid}.article-share-manual input{border:1px solid var(--line-subtle);border-radius:var(--radius);background:var(--surface-subtle);width:100%;min-width:0;color:var(--ink);padding:10px 12px}@media (hover:hover) and (pointer:fine){.article-share-button:hover{color:var(--ink)}.article-share-button:hover .morph-text:after{opacity:1}}