.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#0b43b81a;--spotlight-border:#0b43b873;border-radius:14px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:after{content:"";border-radius:inherit;background:radial-gradient(180px circle at var(--mouse-x) var(--mouse-y), var(--spotlight-border), transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight:hover:after,.card-spotlight:focus-within:after{opacity:1}.card-spotlight:hover{transform:translateY(-4px);box-shadow:0 24px 48px #10234e24}@media (prefers-reduced-motion:reduce){.card-spotlight,.card-spotlight:before,.card-spotlight:after{transition:none}.card-spotlight:hover{transform:none}}