.spotlight-card{--spotlight-x:50%;--spotlight-y:50%;--spotlight-color:#488aff33;--spotlight-radius:420px;isolation:isolate;height:100%;position:relative}.spotlight-card:before{content:"";z-index:3;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(var(--spotlight-radius) circle at var(--spotlight-x) var(--spotlight-y), var(--spotlight-color), transparent 42%);transition:opacity .22s;position:absolute;inset:0}.spotlight-card:hover:before,.spotlight-card:focus-within:before{opacity:1}.spotlight-card>*{z-index:1;position:relative}@media (hover:none),(prefers-reduced-motion:reduce){.spotlight-card:before{display:none}}