.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:15;--color-sensitivity:calc(var(--edge-sensitivity) + 10);--border-radius:28px;--glow-padding:40px;--cone-spread:30;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#fff);border:1.5px solid #0000000f;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 12px 32px #0000000f}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .6s ease-in-out}.border-glow-card:before{border-radius:calc(var(--border-radius) + 2px);background:linear-gradient(var(--card-bg,#fff) 0 100%) padding-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc(clamp(0, (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)), 1));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 20) * 1%), transparent calc((100 - var(--cone-spread) - 20) * 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) + 20) * 1%), transparent calc((100 - var(--cone-spread) - 20) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:3px solid #0000;inset:-2px}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * clamp(0, (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)), 1));mix-blend-mode:multiply;border:2px solid #0000;-webkit-mask-composite:source-out,source-over;mask-composite:subtract,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 3%, transparent 12%, transparent 88%, black 97%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 3%, transparent 12%, transparent 88%, black 97%);opacity:calc(clamp(0, (var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)), 1))}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 2px var(--glow-color,#f5daa3), inset 0 0 2px 0 var(--glow-color-60,#f5daa399), inset 0 0 6px 0 var(--glow-color-50,#f5daa380), inset 0 0 12px 0 var(--glow-color-40,#f5daa366), inset 0 0 20px 2px var(--glow-color-30,#f5daa34d), inset 0 0 40px 4px var(--glow-color-20,#f5daa333), 0 0 2px 0 var(--glow-color-60,#f5daa399), 0 0 6px 0 var(--glow-color-50,#f5daa380), 0 0 12px 2px var(--glow-color-40,#f5daa366), 0 0 24px 4px var(--glow-color-30,#f5daa34d), 0 0 48px 8px var(--glow-color-20,#f5daa333), 0 0 80px 12px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-card:not(:hover):not(.sweep-active){box-shadow:0 1px 2px #0000000a, 0 4px 12px #0000000f, 0 12px 32px #0000000f, 0 0 0 1px var(--ambient-glow,#2d6a4f14)}.border-glow-card:hover{border-color:#0000;box-shadow:0 4px 16px #00000014,0 16px 48px #00000014}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}
