.magic-card{--magic-glow-x:50%;--magic-glow-y:50%;--magic-glow-intensity:0;--magic-glow-color:16,185,129;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.magic-card:before{background:radial-gradient(260px circle at var(--magic-glow-x) var(--magic-glow-y),rgba(var(--magic-glow-color),calc(var(--magic-glow-intensity) * .14)) 0,rgba(var(--magic-glow-color),calc(var(--magic-glow-intensity) * .07)) 32%,transparent 66%);opacity:1;transition:opacity .25s ease;z-index:1}.magic-card:after,.magic-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.magic-card:after{padding:1px;background:radial-gradient(220px circle at var(--magic-glow-x) var(--magic-glow-y),rgba(var(--magic-glow-color),calc(var(--magic-glow-intensity) * .75)) 0,rgba(var(--magic-glow-color),calc(var(--magic-glow-intensity) * .34)) 35%,transparent 68%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:3}.magic-card>*{position:relative;z-index:2}.magic-card-ripple{position:absolute;border-radius:9999px;pointer-events:none;z-index:4}@media (prefers-reduced-motion:reduce){.magic-card{transform:none!important}}