.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;border:1px solid color-mix(in oklch, var(--color-fg), transparent 92%);background:var(--card-bg,var(--color-surface));transition:background .4s;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.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 .75s ease-in-out}.border-glow-card:before,.border-glow-card:after{display:none}.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 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)));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,#0e243f), inset 0 0 1px 0 var(--glow-color-60,#0e243f99), inset 0 0 3px 0 var(--glow-color-50,#0e243f80), inset 0 0 6px 0 var(--glow-color-40,#0e243f66), inset 0 0 15px 0 var(--glow-color-30,#0e243f4d), inset 0 0 25px 2px var(--glow-color-20,#0e243f33), inset 0 0 50px 2px var(--glow-color-10,#0e243f1a), 0 0 1px 0 var(--glow-color-60,#0e243f99), 0 0 3px 0 var(--glow-color-50,#0e243f80), 0 0 6px 0 var(--glow-color-40,#0e243f66), 0 0 15px 0 var(--glow-color-30,#0e243f4d), 0 0 25px 2px var(--glow-color-20,#0e243f33), 0 0 50px 2px var(--glow-color-10,#0e243f1a);position:absolute}.border-glow-card:hover{background:color-mix(in oklch, var(--color-surface-elevated), transparent 25%)}.border-glow-inner{z-index:1;opacity:.85;flex-direction:column;transition:opacity .4s;display:flex;position:relative;overflow:auto}.border-glow-card:hover .border-glow-inner{opacity:1}
