.social-share{--share-surface:var(--color-charcoal);--share-border:#474e58;--share-button:#272d35;--share-muted:#c2c7cf;width:fit-content;max-width:100%;color:var(--color-white);font:400 13px/1.5 var(--font-body)}.social-share--dark{--share-surface:#171c23}.social-share-panel{border:1px solid var(--share-border);border-radius:var(--radius-button);background:var(--share-surface);flex-wrap:wrap;align-items:center;gap:4px 20px;padding:10px 12px;display:flex;position:relative}.social-share-panel:before{content:"";background:var(--color-orange);width:28px;height:2px;position:absolute;top:-1px;left:16px}.social-share-heading{width:fit-content;min-height:44px;font:700 12px/1.5 var(--font-body);align-items:center;gap:8px;margin:0;list-style:none;display:flex}summary.social-share-heading{cursor:pointer}.social-share-heading::-webkit-details-marker{display:none}.social-share-heading>.social-share-icon{color:var(--color-orange)}.social-share-chevron{color:var(--share-muted);margin-left:2px;display:inline-block}.social-share-panel[open]>summary .social-share-chevron{transform:rotate(180deg)}.social-share-content{display:contents}.social-share--card .social-share-panel:not([open])>.social-share-content{display:none}.social-share-actions{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.social-share-actions>:is(a,button){border:1px solid var(--share-border);border-radius:var(--space-1);background:var(--share-button);width:44px;height:44px;color:var(--color-white);font:inherit;cursor:pointer;transition:background var(--duration), color var(--duration), border-color var(--duration), transform var(--duration);flex:0 0 44px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.social-share-actions [hidden]{display:none}.social-share-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.social-share-icon svg{width:20px;height:20px;display:block}.social-share-heading .social-share-icon,.social-share-heading svg{width:16px;height:16px}.social-share-actions>:is(a,button):is(:hover,:focus-visible){background:var(--color-orange);color:var(--color-charcoal);border-color:var(--color-orange)}.social-share-actions>:is(a,button):active{background:#ff914f;transform:translateY(1px)}.social-share-actions button:disabled{opacity:.6;cursor:wait}.social-share :focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}.social-share-tooltip{z-index:5;background:var(--color-white);width:max-content;max-width:160px;color:var(--color-charcoal);font:500 11px/1.4 var(--font-body);text-align:center;visibility:hidden;opacity:0;border:1px solid #c9ced5;border-radius:5px;padding:6px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0002}.social-share-tooltip:after{content:"";width:100%;height:10px;position:absolute;top:100%;left:0}.social-share-actions>:is(a,button):is(:hover,:focus-visible):not([data-tooltip-dismissed]) .social-share-tooltip{visibility:visible;opacity:1}.social-share-status{color:var(--color-white);flex-basis:100%;order:3;margin:0;padding-block:8px 2px;font-size:13px}.social-share-status:empty{display:none}.social-share-manual{color:var(--share-muted);order:4;font-size:12px}.social-share[data-share-ready] .social-share-manual:not([open]){display:none}.social-share-manual[open]{flex-basis:100%}.social-share-manual summary{cursor:pointer;text-underline-offset:3px;align-items:center;width:fit-content;min-height:44px;text-decoration:underline;display:flex}.social-share-manual label{font-size:13px;display:block}.social-share-manual input{border:1px solid var(--share-border);width:100%;min-height:44px;font:inherit;color:var(--color-charcoal);background:#fff;border-radius:4px;margin-block:6px 10px;padding:10px;display:block}.social-share-manual p{margin:0;padding-bottom:8px}.social-share--card{margin-top:12px}.social-share--card .social-share-panel:not([open]){padding-block:0}.sharing-header{margin-block:20px 24px}.sharing-header--work{z-index:2;margin-block:24px 0;position:relative}.sharing-footer{padding-bottom:64px}.sharing-footer--reading{max-width:1120px}.sharing-footer--essay{max-width:720px}@media (width<=700px){.social-share-panel{gap:4px 12px;padding:8px}.social-share-actions{gap:4px}.social-share-tooltip{max-width:100px}}@media (forced-colors:active){.social-share-panel,.social-share-actions>:is(a,button){border-color:buttontext}.social-share :focus-visible{outline-color:highlight}}
