.spotlight-card{border:1px solid var(--color-border);background-color:var(--color-card);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#22c55e14;border-radius:1.5rem;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}[data-theme=light] .spotlight-card{--spotlight-color:#22c55e0f;box-shadow:0 1px 3px #0000000a,0 0 0 1px #00000005}.spotlight-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 60%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.spotlight-card>*{z-index:1;position:relative}