:root{--glow-sens:30;--card-bg:transparent;--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%}.card-interactive{--pads:40px;--color-sens:calc(var(--glow-sens) + 20);position:relative;isolation:isolate;transform:translateZ(.01px)}.card-interactive>.glow{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.card-interactive:not(:hover):not(.animating){&>.glow{opacity:0;transition:opacity .75s ease-in-out}}.card-interactive>.glow{--outset:var(--pads);inset:calc(var(--outset) * -1);pointer-events:none;z-index:1;mask-image:conic-gradient(from var(--pointer-°) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens)) / (100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend)}.card-interactive>.glow:before{content:"";position:absolute;inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 2px 2px hsl(var(--glow-color)/90%),inset 0 0 5px 1px hsl(var(--glow-color)/75%),inset 0 0 8px 1px hsl(var(--glow-color)/66%),inset 0 0 15px 0 hsl(var(--glow-color)/50%),inset 0 0 25px 2px hsl(var(--glow-color)/30%),inset 0 0 50px 2px hsl(var(--glow-color)/10%),0 0 2px 2px hsl(var(--glow-color)/90%),0 0 5px 1px hsl(var(--glow-color)/75%),0 0 8px 1px hsl(var(--glow-color)/66%),0 0 15px 0 hsl(var(--glow-color)/50%),0 0 25px 2px hsl(var(--glow-color)/30%),0 0 50px 2px hsl(var(--glow-color)/10%)}