.spotlight{--spotlight-cover:black;--spotlight-reveal:white;--spotlight-blend-mode:darken;opacity:.9;pointer-events:none;filter:blur(1em)contrast(100);mix-blend-mode:var(--spotlight-blend-mode);background-color:var(--spotlight-reveal);outline:2em solid var(--spotlight-cover);background-image:radial-gradient(circle at var(--clientX,50%) var(--clientY,50%), transparent, var(--spotlight-cover) 16em), repeating-linear-gradient(45deg, var(--spotlight-cover) 0 .4em, transparent 0 3em), repeating-linear-gradient(-45deg, var(--spotlight-cover) 0 .4em, transparent 0 3em);background-position:0 0, 0 calc(var(--clientY,50%) * -.2), calc(var(--clientX,50%) * -.2) 0;transition:opacity 1s,background-color 1s;position:fixed;inset:0}body:has(.reveal:hover,:focus-visible) .spotlight{opacity:0!important;background-color:var(--spotlight-cover)!important}.moon{transition:color 1s}body:has(.reveal:hover,:focus-visible) .moon{color:#000!important}