:root{--glow-sens:30;--card-bg:transparent;--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%}.card-interactive{--pads:18px;--color-sens:calc(var(--glow-sens) + 20);position:relative;isolation:isolate;transform:translateZ(.01px);overflow:hidden}.card-interactive>:not(.glow){position:relative;z-index:2}.card-interactive>.glow{opacity:0;transition:opacity .35s ease-out}.card-interactive.animating>.glow,.card-interactive:hover>.glow{opacity:clamp(0,calc((var(--pointer-d, 0) - var(--glow-sens)) / (100 - var(--glow-sens))),1)}.card-interactive>.glow{--outset:var(--pads);position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;mix-blend-mode:var(--glow-blend);mask-image:conic-gradient(from var(--pointer-°,0deg) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);-webkit-mask-image:conic-gradient(from var(--pointer-°,0deg) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%)}.card-interactive>.glow:before{content:"";position:absolute;inset:0;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%)}