.card-spotlight{position:relative;overflow:hidden;isolation:isolate;--mouse-x:50%;--mouse-y:50%;--spotlight-color:color-mix(in oklch,var(--accent) 62%,transparent)}.card-spotlight:before{background:radial-gradient(circle 240px at var(--mouse-x) var(--mouse-y),var(--spotlight-color),color-mix(in oklch,var(--accent) 18%,transparent) 42%,transparent 72%);opacity:.42;transition:opacity .45s var(--ease-out-quart);will-change:background;z-index:0}.card-spotlight:after,.card-spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.card-spotlight:after{border:1px solid color-mix(in oklch,white 52%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklch,white 72%,transparent),inset 0 -1px 0 color-mix(in oklch,var(--accent) 14%,transparent);z-index:2}.card-spotlight.is-proximate:before,.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.95}.card-spotlight>*{position:relative;z-index:1}[data-theme=dark] .card-spotlight{--spotlight-color:color-mix(in oklch,var(--accent) 72%,transparent)}[data-theme=dark] .card-spotlight:after{border-color:color-mix(in oklch,white 22%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklch,white 28%,transparent),inset 0 -1px 0 color-mix(in oklch,var(--accent) 20%,transparent)}@media (prefers-reduced-motion:reduce){.card-spotlight:before{transition:none;opacity:.55}}