.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}