.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;border-radius:var(--border-radius);background:var(--card-bg);isolation:isolate;border:1px solid #ffffff14;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.border-glow-card:before{content:"";border-radius:inherit;background:linear-gradient(var(--card-bg), var(--card-bg)) padding-box, conic-gradient(from var(--cursor-angle), #c084fc, #f472b6, #38bdf8, #c084fc) border-box;opacity:calc(var(--edge-proximity) / 100);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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;-webkit-mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);-webkit-mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);padding:1px;position:absolute;inset:0}.edge-light{pointer-events:none;border-radius:inherit;opacity:calc(var(--edge-proximity) / 100);filter:blur(25px);background:conic-gradient(from var(--cursor-angle), #c084fc66, #f472b666, #38bdf866, #c084fc66);-webkit-mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);-webkit-mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);mask-image:conic-gradient(from var(--cursor-angle), transparent 0deg, black 25deg, black 70deg, transparent 110deg);position:absolute;inset:-30px}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover) .edge-light{opacity:0}}@media (hover:none){.border-glow-card:before{content:"";border-radius:inherit;background:linear-gradient(var(--card-bg), var(--card-bg)) padding-box, linear-gradient(120deg, #c084fc, #f472b6, #38bdf8, #c084fc) border-box;background-size:200% 200%;padding:1px;animation:6s linear infinite borderFlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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:after{content:"";border-radius:inherit;filter:blur(30px);opacity:.7;background:linear-gradient(120deg,#c084fc4d,#f472b64d,#38bdf84d);position:absolute;inset:-25px}.edge-light{display:none}}@keyframes borderFlow{0%{background-position:0%}to{background-position:200%}}.border-glow-inner{z-index:1;position:relative}