.spotlight-light,.spotlight-ring{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.spotlight-light,.spotlight-ring{pointer-events:none;opacity:0;transition:opacity .3s ease-out;display:block;position:absolute;inset:0}.spotlight-light{mix-blend-mode:soft-light;-webkit-mask-image:radial-gradient(circle var(--spotlight-size,560px) at var(--x,50%) var(--y,50%), #000 0%, transparent 100%);mask-image:radial-gradient(circle var(--spotlight-size,560px) at var(--x,50%) var(--y,50%), #000 0%, transparent 100%);background:#fff}html:not(.dark) .spotlight-light{mix-blend-mode:normal;-webkit-backdrop-filter:saturate(2.4)contrast(1.6)brightness(.9);backdrop-filter:saturate(2.4)contrast(1.6)brightness(.9);--spotlight-size:380px;background:0 0}html:not(.dark) .spotlight-light[data-lit]{opacity:1}.spotlight-ring{z-index:20;border-radius:inherit;background:radial-gradient(circle 160px at var(--x,50%) var(--y,50%), var(--brand), transparent 100%);padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-ring[data-lit]{opacity:1;transition-duration:.15s}.spotlight-light[data-lit]{opacity:.4;transition-duration:.15s}}