.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 560px at var(--x,50%) var(--y,50%), #000 0%, transparent 100%);mask-image:radial-gradient(circle 560px at var(--x,50%) var(--y,50%), #000 0%, transparent 100%);background:#fff}.spotlight-ring{z-index:20;border-radius:calc(var(--radius-3xl) - 1px);background:radial-gradient(circle 320px 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}}