.share{gap:10px;display:grid}.share__title{font-size:clamp(24px,2.6vw,30px)}.share__lead{max-width:62ch;color:var(--ink-2);margin:0 0 8px;font-size:17px;line-height:1.5}.share__row{flex-wrap:wrap;gap:16px 6px;margin:0;padding:0;list-style:none;display:flex}.share__btn{width:76px;color:var(--ink-2);font:500 12px/1.2 var(--body);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:7px;padding:0;text-decoration:none;display:grid}.share__ico{border:1px solid var(--rule);width:48px;height:48px;color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-base), color var(--dur-fast), transform var(--dur-fast);border-radius:50%;place-items:center;display:grid}.share__ico svg{fill:currentColor;width:20px;height:20px}.share__btn:hover .share__ico{border-color:var(--ink);background:color-mix(in oklab, var(--ink) 6%, transparent)}.share__btn:active .share__ico{transform:scale(.95)}.share__btn:hover{color:var(--ink)}.share__btn:focus-visible{outline:none}.share__btn:focus-visible .share__ico{outline:2px solid var(--focus);outline-offset:2px}.share__btn.is-done .share__ico{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.share__btn.is-done{color:var(--ink)}.share--quiet{border-top:1px solid var(--rule);justify-items:center;gap:8px;width:100%;margin-top:34px;padding-top:22px}.share--quiet .share__row{justify-content:center}.share--quiet .share__title{font-size:20px}.share--quiet .share__lead{text-align:center;font-size:15.5px}.share--compact{gap:10px}.share__label{font:italic 400 18px/1.3 var(--display);color:var(--ink-2);margin:0}.share--compact .share__row{gap:8px}.share--compact .share__btn{width:auto}.share--compact .share__ico{width:40px;height:40px}.share--compact .share__ico svg{width:17px;height:17px}.share--compact .share__lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.share{gap:6px}.share__lead{margin-bottom:4px}.share__row{gap:10px}.share__btn{width:auto}.share__ico{width:42px;height:42px}.share__ico svg{width:18px;height:18px}.share__lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.share__sys .share__ico{border-color:var(--gold);background:color-mix(in oklab, var(--gold) 10%, transparent)}}
