.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--active-proximity:var(--edge-proximity);--color-sensitivity:min(99, calc(var(--edge-sensitivity) + 20));isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg);border:1px solid #ffffff26;min-width:0;display:grid;position:relative;overflow:visible;box-shadow:0 8px 24px #0000001f}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;pointer-events:none;z-index:0;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-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:clamp(0, calc((var(--active-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) + 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:1px solid #0000}.border-glow-card:after{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(black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:clamp(0, calc(var(--fill-opacity) * (var(--active-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity))), 1);mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);-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:clamp(0, calc((var(--active-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity))), 1);mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px var(--glow-color-60), inset 0 0 3px var(--glow-color-50), inset 0 0 6px var(--glow-color-40), inset 0 0 15px var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px var(--glow-color-60), 0 0 3px var(--glow-color-50), 0 0 6px var(--glow-color-40), 0 0 15px var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-card--light{border-color:#12223a24;box-shadow:0 1px 2px #12223a0a,0 8px 24px #12223a0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-inner{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):before,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):after,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active)>.edge-light{opacity:0;transition-duration:.6s}.border-glow-card:focus-within{--active-proximity:100}.border-glow-card:focus-within:before,.border-glow-card:focus-within>.edge-light{-webkit-mask-image:none;mask-image:none}.border-glow-card:focus-within>.edge-light{opacity:.4}@media (prefers-reduced-motion:reduce),(max-width:900px),(hover:none),(pointer:coarse){.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none;display:none}.border-glow-card:focus-within{border-color:var(--primary,#1657d9)}}