.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--cone-spread:18;--edge-opacity:clamp(0, calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity))), 1);isolation:isolate;border-radius:var(--border-radius);display:inline-grid;position:relative;overflow:visible}.border-glow-card:before,.border-glow-card>.edge-light{content:"";border-radius:inherit;pointer-events:none;opacity:var(--edge-opacity);transition:opacity var(--duration-fast) var(--ease-smooth-out);z-index:2;position:absolute;inset:0}.border-glow-card:before{background:radial-gradient(at 80% 55%, var(--border-color-one), transparent 55%), radial-gradient(at 8% 6%, var(--border-color-two), transparent 55%), radial-gradient(at 41% 38%, var(--border-color-three), transparent 55%), linear-gradient(var(--border-color-two), var(--border-color-one));-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-card>.edge-light{-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 3%, transparent 15%, transparent 85%, #000 97%);mask-image:conic-gradient(from var(--cursor-angle) at center, #000 3%, transparent 15%, transparent 85%, #000 97%);inset:-10px}.border-glow-card>.edge-light:before{content:"";border-radius:inherit;position:absolute;inset:10px;box-shadow:0 0 1px 1px #c4e6ffaa,0 0 4px #afd9ff70,0 0 9px #8dbbff38}.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):before,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active)>.edge-light{opacity:0;transition-duration:var(--duration-slow)}.border-glow-card:focus-within{--edge-opacity:.85;--cursor-angle:90deg}@media (hover:none){.border-glow-card:active{--edge-opacity:.8}}@media (prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card>.edge-light{transition:none}.border-glow-card:hover{--edge-opacity:.75}}
