.card-spotlight{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-elevated);--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(79,230,176,.25);--rotate-x:0deg;--rotate-y:0deg;--scale:1;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale3d(var(--scale),var(--scale),var(--scale));transition:transform .1s ease-out,border-color .3s ease,box-shadow .3s ease!important;will-change:transform}.card-spotlight:not(:hover){transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease!important}.card-spotlight:before{background:radial-gradient(320px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);z-index:15}.card-spotlight:after,.card-spotlight:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.card-spotlight:after{border-radius:inherit;padding:1.5px;background:radial-gradient(280px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:20}.card-spotlight:hover:after,.card-spotlight:hover:before{opacity:1}.card-spotlight>*{transform:translateZ(10px)}