.spotlight-card{position:relative;--spotlight-x:50%;--spotlight-y:50%;--spotlight-color:hsl(var(--primary)/0.16)}.spotlight-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(22rem circle at var(--spotlight-x) var(--spotlight-y),var(--spotlight-color),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.spotlight-card:focus-within:before,.spotlight-card:hover:before{opacity:1}.spotlight-card--primary{--spotlight-color:hsl(var(--primary)/0.16)}.spotlight-card--accent{--spotlight-color:hsl(var(--accent)/0.14)}.spotlight-card--light{--spotlight-color:rgba(255,255,255,0.14)}@media (prefers-reduced-motion:reduce){.spotlight-card:before{transition:none}}