.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:20px;--glow-padding:31px;--cone-spread:25;--fill-opacity:.3;border-radius:var(--border-radius);isolation:isolate;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before{content:"";border-radius:calc(var(--border-radius) + 3px);z-index:0;background:var(--gradient-one,radial-gradient(at 80% 55%, #a78bfa 0px, transparent 50%)), var(--gradient-two,radial-gradient(at 69% 34%, #f9a8d4 0px, transparent 50%)), var(--gradient-three,radial-gradient(at 8% 6%, #7dd3c0 0px, transparent 50%)), var(--gradient-four,radial-gradient(at 41% 38%, #a78bfa 0px, transparent 50%)), var(--gradient-five,radial-gradient(at 86% 85%, #7dd3c0 0px, transparent 50%)), var(--gradient-six,radial-gradient(at 82% 18%, #f9a8d4 0px, transparent 50%)), var(--gradient-seven,radial-gradient(at 51% 4%, #7dd3c0 0px, transparent 50%)), var(--gradient-base,linear-gradient(#a78bfa 0 100%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));transition:opacity .25s ease-out;position:absolute;inset:-3px}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);border-radius:calc(var(--border-radius) + var(--glow-padding));pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));transition:opacity .25s ease-out;position:absolute}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--glow-color,#9970c2), inset 0 0 1px 0 var(--glow-color-60,#9970c299), inset 0 0 3px 0 var(--glow-color-50,#9970c280), inset 0 0 6px 0 var(--glow-color-40,#9970c266), inset 0 0 15px 0 var(--glow-color-30,#9970c24d), inset 0 0 25px 2px var(--glow-color-20,#9970c233), inset 0 0 50px 2px var(--glow-color-10,#9970c21a), 0 0 1px 0 var(--glow-color-60,#9970c299), 0 0 3px 0 var(--glow-color-50,#9970c280), 0 0 6px 0 var(--glow-color-40,#9970c266), 0 0 15px 0 var(--glow-color-30,#9970c24d), 0 0 25px 2px var(--glow-color-20,#9970c233), 0 0 50px 2px var(--glow-color-10,#9970c21a);position:absolute}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover)>.edge-light{opacity:0;transition:opacity .4s ease-out}.border-glow-inner{z-index:2;position:relative}