.borderGlow{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:55;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--glow-padding:22px;--cone-spread:30;height:100%;position:relative}.borderGlow:before,.borderGlow:after{content:"";z-index:-1;border-radius:var(--radius-card);pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.borderGlow:before{background:var(--gradient-one,transparent) border-box, var(--gradient-two,transparent) border-box, var(--gradient-three,transparent) border-box, var(--gradient-four,transparent) border-box, var(--gradient-five,transparent) border-box, var(--gradient-six,transparent) border-box, var(--gradient-seven,transparent) border-box, var(--gradient-base,transparent) border-box;opacity:calc(.6 * (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:1px solid #0000}.borderGlow:after{background:var(--gradient-one,transparent) padding-box, var(--gradient-two,transparent) padding-box, var(--gradient-three,transparent) padding-box, var(--gradient-four,transparent) padding-box, var(--gradient-five,transparent) padding-box, var(--gradient-six,transparent) padding-box, var(--gradient-seven,transparent) padding-box, var(--gradient-base,transparent) padding-box;mix-blend-mode:soft-light;opacity:calc(.3 * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:radial-gradient(ellipse at 50% 50%, black 35%, transparent 65%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:radial-gradient(ellipse at 50% 50%, black 35%, transparent 65%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-composite:source-in;mask-composite:intersect}.borderGlowEdge{content:"";inset:calc(var(--glow-padding) * -1);border-radius:var(--radius-card);pointer-events:none;z-index:2;mix-blend-mode:plus-lighter;-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)));transition:opacity .4s ease-out;position:absolute}.borderGlowEdge:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-champagne) 65%, transparent), inset 0 0 2px 0 color-mix(in srgb, var(--color-champagne) 38%, transparent), inset 0 0 6px 0 color-mix(in srgb, var(--color-champagne) 26%, transparent), inset 0 0 14px 0 color-mix(in srgb, var(--color-champagne) 16%, transparent), 0 0 3px 0 color-mix(in srgb, var(--color-champagne) 34%, transparent), 0 0 12px 1px color-mix(in srgb, var(--color-champagne) 20%, transparent), 0 0 26px 2px color-mix(in srgb, var(--color-champagne) 10%, transparent);position:absolute}@media (prefers-reduced-motion:reduce){.borderGlow{--edge-proximity:68;--cursor-angle:90deg}.borderGlow:before,.borderGlow:after,.borderGlowEdge{transition:none}}
