.shapegrid-canvas{width:100%;height:100%;border:none;display:block}.border-glow-card{--edge-proximity:0;--cursor-angle:0deg;position:relative;border-radius:var(--border-radius,28px);background:var(--card-bg,#120f17);padding:var(--glow-padding,40px);isolation:isolate;box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}.border-glow-card:before{padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:calc(.35 + .65 * var(--edge-proximity));z-index:1}.border-glow-card:after,.border-glow-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from var(--cursor-angle),var(--color-0) var(--gradient-0),var(--color-1) var(--gradient-1),var(--color-2) var(--gradient-2),var(--color-0) var(--gradient-3),var(--color-1) var(--gradient-4),var(--color-2) 1turn);transition:opacity .2s ease-out;pointer-events:none}.border-glow-card:after{-webkit-mask:radial-gradient(var(--cone-spread,25deg) at center,#000 0,transparent 70%);mask:radial-gradient(closest-side circle at center,#000 0,transparent 70%);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:calc(var(--fill-opacity, .5) * var(--edge-proximity));filter:blur(8px);z-index:0}.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;box-shadow:inset 0 0 calc(var(--glow-radius, 40px) * var(--edge-proximity)) hsl(var(--glow-h,40) var(--glow-s,80%) var(--glow-l,80%)/calc(.5 * var(--glow-intensity, 1) * var(--edge-proximity))),inset 0 0 calc(var(--glow-radius, 40px) * .5 * var(--edge-proximity)) hsl(var(--glow-h,40) var(--glow-s,80%) var(--glow-l,80%)/calc(.7 * var(--glow-intensity, 1) * var(--edge-proximity))),0 0 calc(var(--glow-radius, 40px) * var(--edge-proximity)) hsl(var(--glow-h,40) var(--glow-s,80%) var(--glow-l,80%)/calc(.4 * var(--glow-intensity, 1) * var(--edge-proximity))),0 0 calc(var(--glow-radius, 40px) * 2 * var(--edge-proximity)) hsl(var(--glow-h,40) var(--glow-s,80%) var(--glow-l,80%)/calc(.25 * var(--glow-intensity, 1) * var(--edge-proximity)));transition:box-shadow .2s ease-out}.border-glow-inner{position:relative;z-index:2;border-radius:calc(var(--border-radius, 28px) - 4px);height:100%;width:100%}