.card-spotlight{position:relative;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05);--rotate-x: 0deg;--rotate-y: 0deg;--scale: 1;transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale(var(--scale));transition:transform .1s ease-out;will-change:transform}.card-spotlight.resetting{transition:transform .5s ease-out}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1;border-radius:inherit}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight>*{position:relative;z-index:10}