.spotlight{--sx:50%;--sy:50%;isolation:isolate;overflow:clip;position:relative}.spotlight:after,.spotlight:before{border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--dur-5) var(--ease-out);z-index:-1}.spotlight:before{background:radial-gradient(var(--spotlight-reach,28rem) circle at var(--sx) var(--sy),var(--spotlight-a,var(--accent-9)),var(--spotlight-b,var(--pink-9)) 35%,transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:var(--spotlight-ring,1px)}.spotlight:after{background:radial-gradient(var(--spotlight-sheen-reach,22rem) circle at var(--sx) var(--sy),var(--spotlight-sheen,var(--gray-a4)),transparent 60%)}@media (hover:hover){[data-spotlight]:hover .spotlight:after,[data-spotlight]:hover .spotlight:before{opacity:var(--spotlight-neighbour,.45);transition-duration:var(--dur-4)}.spotlight:focus-within:after,.spotlight:focus-within:before,.spotlight:hover:after,.spotlight:hover:before{opacity:1;transition-duration:var(--dur-4)}}@media (prefers-reduced-motion:reduce){.spotlight:after,.spotlight:before{transition:none}}