.e{--ray-color-primary: color-mix(in srgb, var(--primary-color), transparent 40%);--ray-color-secondary: color-mix(in srgb, var(--secondary-color), transparent 40%);--ray-color-accent: color-mix(in srgb, var(--accent-color), transparent 40%);--ray-gradient-primary: radial-gradient(circle at center, var(--ray-color-primary) 0%, transparent 80%);--ray-gradient-secondary: radial-gradient(circle at center, var(--ray-color-secondary) 0%, transparent 80%);--ray-gradient-accent: radial-gradient(circle at center, var(--ray-color-accent) 0%, transparent 80%);position:fixed;inset:0;overflow:hidden;animation:f 3s ease-out;pointer-events:none;z-index:0;display:flex;justify-content:center;align-items:center}html[data-theme=dark] .e{mix-blend-mode:screen;--ray-opacity-1: .25;--ray-opacity-2: .2;--ray-opacity-3: .15;--ray-opacity-4: .1;--ray-peak-opacity-1: .26;--ray-peak-opacity-2: .22;--ray-peak-opacity-3: .19;--ray-peak-opacity-4: .15}html[data-theme=light] .e{mix-blend-mode:multiply;--ray-opacity-1: .3;--ray-opacity-2: .25;--ray-opacity-3: .2;--ray-opacity-4: .15;--ray-peak-opacity-1: .48;--ray-peak-opacity-2: .42;--ray-peak-opacity-3: .36;--ray-peak-opacity-4: .3}.g{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}html[data-theme=dark] .g{mix-blend-mode:screen}html[data-theme=light] .g{mix-blend-mode:multiply;opacity:.3}.h{width:1500px;height:1500px;background:var(--ray-gradient-primary);filter:blur(60px);opacity:var(--ray-opacity-1);animation:i 16s infinite ease-in-out}.j{width:1125px;height:1125px;background:var(--ray-gradient-secondary);filter:blur(50px);opacity:var(--ray-opacity-2);animation:k 20s infinite ease-in-out}.l{width:750px;height:750px;background:var(--ray-gradient-accent);filter:blur(40px);opacity:var(--ray-opacity-3);animation:m 24s infinite ease-in-out}.n{width:600px;height:600px;background:var(--ray-gradient-secondary);filter:blur(30px);opacity:var(--ray-opacity-4);animation:o 28s infinite ease-in-out}@keyframes i{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--ray-opacity-1)}50%{transform:translate(-50%,-50%) scale(1.1);opacity:var(--ray-peak-opacity-1)}}@keyframes k{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--ray-opacity-2)}50%{transform:translate(-50%,-50%) scale(1.15);opacity:var(--ray-peak-opacity-2)}}@keyframes m{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--ray-opacity-3)}50%{transform:translate(-50%,-50%) scale(1.2);opacity:var(--ray-peak-opacity-3)}}@keyframes o{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--ray-opacity-4)}50%{transform:translate(-50%,-50%) scale(1.25);opacity:var(--ray-peak-opacity-4)}}@keyframes p{0%,to{transform:rotate(-45deg) translate(0)}33%{transform:rotate(-40deg) translate(25px,-20px)}66%{transform:rotate(-50deg) translate(-25px,20px)}}@keyframes q{0%,to{transform:rotate(75deg) scale(1);filter:blur(75px)}50%{transform:rotate(85deg) scale(1.1);filter:blur(65px)}}@keyframes r{0%,to{transform:rotate(45deg) translate(0);opacity:.55}50%{transform:rotate(40deg) translate(-30px,30px);opacity:.65}}@keyframes s{0%,to{transform:rotate(-60deg) scale(1)}25%{transform:rotate(-55deg) scale(1.05)}75%{transform:rotate(-65deg) scale(.95)}}@keyframes f{0%{opacity:0}to{opacity:1}}
