.share{display:flex;align-items:center;gap:6px}.share__label{margin-right:6px;color:var(--c-ink-dim);font-family:var(--font-ui);font-size:13px}.share__button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#222;color:#fff;cursor:pointer}.share__button svg{width:17px;height:17px;fill:currentColor}.share__button:hover,.share__button:focus-visible{background:var(--c-accent);color:#000}.share__button[data-done]{background:var(--c-accent);color:#000}.share__copy,.share__button:focus-visible .share__link,.share__button[data-done] .share__link{display:none}.share__button:focus-visible .share__copy,.share__button[data-done] .share__copy{display:block}@media (hover:hover){.share__button:hover .share__link{display:none}.share__button:hover .share__copy{display:block}}.share__button{position:relative}.share__button::before,.share__button::after{position:absolute;left:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}.share__button::before{content:"";bottom:calc(100% + 3px);margin-left:-5px;border:5px solid #fff0;border-top-color:#fff;border-bottom:0}.share__button::after{content:attr(aria-label);bottom:calc(100% + 8px);transform:translateX(-50%);padding:5px 9px;border-radius:6px;background:#fff;color:#000;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.share__button:last-child::after{left:auto;right:0;transform:none}.share__button:focus-visible::before,.share__button:focus-visible::after,.share__button[data-done]::before,.share__button[data-done]::after{opacity:1;visibility:visible}@media (hover:hover){.share__button:hover::before,.share__button:hover::after{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.share__button::before,.share__button::after{transition:none}}@media print{.share{display:none}}