.spotlight-card{position:relative;overflow:hidden;background-color:var(--color-surface);--mouse-x:50%;--mouse-y:50%}.spotlight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color,rgb(212 32 39/.16)),transparent 65%);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none;z-index:0}.spotlight-card:focus-within:before,.spotlight-card:hover:before{opacity:1}.spotlight-card>*{position:relative;z-index:1}@media (hover:none){.spotlight-card:before{display:none}}@media (prefers-reduced-motion:reduce){.spotlight-card:before{transition:none}}