@property --share-beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.share-promo-beam{padding:1px;background:conic-gradient(from var(--share-beam-angle),transparent 0deg,color-mix(in srgb,var(--primary) 60%,transparent) 55deg,transparent 130deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--primary) 45%,transparent));animation:share-promo-beam-spin 5s linear infinite}@keyframes share-promo-beam-spin{to{--share-beam-angle: 360deg}}.share-promo-outer{box-shadow:0 0 14px color-mix(in srgb,var(--primary) 9%,transparent)}.share-promo-icon{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 65%,transparent)) drop-shadow(0 0 7px color-mix(in srgb,var(--primary) 35%,transparent))}@media(prefers-reduced-motion:reduce){.share-promo-beam{animation:none}}