/* DiMX icon: 64px grid, rounded 3.5px strokes and two brand colors. */
.dimx-share-icon { --share-primary:#482D3F; --share-accent:#D9684E; display:block; flex:none; overflow:visible; }
:root[data-theme="dark"] .dimx-share-icon { --share-primary:#FFF8EE; --share-accent:#F3C7A3; }
.dimx-share-link,.dimx-share-origin { stroke:var(--share-primary); }
.dimx-share-destination { stroke:var(--share-accent); fill:color-mix(in srgb,var(--share-accent) 12%,transparent); }
.dimx-share-origin { transform-origin:18px 32px; }
.dimx-share-top { transform-origin:46px 14px; }
.dimx-share-bottom { transform-origin:46px 50px; }
.dimx-share-trigger:is(:hover,:focus-visible,[aria-busy="true"]) .dimx-share-origin { animation:dimx-share-send .8s ease-in-out both; }
.dimx-share-trigger:is(:hover,:focus-visible,[aria-busy="true"]) .dimx-share-link { animation:dimx-share-connect .65s ease-out both; }
.dimx-share-trigger:is(:hover,:focus-visible,[aria-busy="true"]) .dimx-share-link-bottom { animation-delay:.12s; }
.dimx-share-trigger:is(:hover,:focus-visible,[aria-busy="true"]) .dimx-share-top { animation:dimx-share-receive .7s .1s ease-in-out both; }
.dimx-share-trigger:is(:hover,:focus-visible,[aria-busy="true"]) .dimx-share-bottom { animation:dimx-share-receive .7s .22s ease-in-out both; }
@keyframes dimx-share-send { 0%,100% { transform:scale(1); } 30% { transform:scale(.88); } 60% { transform:scale(1.1); } }
@keyframes dimx-share-connect { from { stroke-dasharray:1; stroke-dashoffset:1; opacity:.3; } to { stroke-dasharray:1; stroke-dashoffset:0; opacity:1; } }
@keyframes dimx-share-receive { 0%,100% { transform:scale(1); } 45% { transform:scale(1.18); } 75% { transform:scale(.96); } }
@media(prefers-reduced-motion:reduce) { .dimx-share-trigger .dimx-share-icon * { animation:none!important; } }