.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 12px;--glow-padding: 30px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid #E4E7EC;background:var(--card-bg, #ffffff);overflow:visible;transition:border-color .3s ease-out}.border-glow-card:hover{border-color:transparent}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;inset:-1px;border-radius:inherit;transition:opacity .3s ease-out;z-index:1;pointer-events:none}.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:2px solid transparent;background:linear-gradient(var(--card-bg, #ffffff) 0 100%) padding-box,linear-gradient(#fff0 0% 100%) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-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%))}.border-glow-card:after{display:none}.glow-image-overlay{background:var(--gradient-one) padding-box,var(--gradient-two) padding-box,var(--gradient-three) padding-box,var(--gradient-four) padding-box,var(--gradient-five) padding-box,var(--gradient-six) padding-box,var(--gradient-seven) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),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,#000,#000),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%);-webkit-mask-composite:source-out,source-over;mask-composite:subtract,add;opacity:0;mix-blend-mode:soft-light;transition:opacity .3s ease-out;z-index:1}.border-glow-card:hover .glow-image-overlay{opacity:.5;transition:opacity .3s ease-out}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:3;-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(.7 * (var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:normal}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(210deg 80% 70% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(210deg 80% 70% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(210deg 80% 70% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(210deg 80% 70% / 40%)),inset 0 0 12px 0 var(--glow-color-30, hsl(210deg 80% 70% / 30%)),inset 0 0 20px 2px var(--glow-color-20, hsl(210deg 80% 70% / 20%)),0 0 1px 0 var(--glow-color-60, hsl(210deg 80% 70% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(210deg 80% 70% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(210deg 80% 70% / 40%)),0 0 12px 0 var(--glow-color-30, hsl(210deg 80% 70% / 30%)),0 0 20px 2px var(--glow-color-20, hsl(210deg 80% 70% / 20%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:inherit;z-index:2}
