:root,:root[class=light]{--blob-opacity:.8;--blob-blur:0px;--blob-blend:normal;--blob1:radial-gradient(circle at 45% 50%, #d8911680 0%, #a7631000 70%);--blob2:radial-gradient(circle at 40% 60%, #ffb3004d 0%, #ffb30000 70%);--blob3:radial-gradient(circle at 55% 50%, #ff9a2e69 0%, #ff9a2e00 70%);--noise-opacity:.25;--noise-blend:multiply}:root[class=dark]{--blob-opacity:.3;--blob-blur:18px;--blob-blend:screen;--blob1:radial-gradient(circle at 55% 50%, #ffa03c54 0%, #ff8c3229 36%, #ff822800 70%);--blob2:radial-gradient(circle at 55% 50%, #ffa03c54 0%, #ff8c3229 36%, #ff822800 70%);--blob3:radial-gradient(circle at 55% 50%, #ffa03c54 0%, #ff8c3229 36%, #ff822800 70%);--noise-opacity:.7;--noise-blend:multiply}.gradient{z-index:-1;background-color:#fff;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.blob{width:700px;height:700px;opacity:var(--blob-opacity);mix-blend-mode:var(--blob-blend);filter:blur(var(--blob-blur));pointer-events:none;z-index:-1;border-radius:50%;animation:60s ease-in-out infinite alternate moveBlobs;position:absolute}.blob1{background:var(--blob1);animation-delay:0s;top:-100px;left:-200px}.blob2{background:var(--blob2);animation-delay:10s;bottom:-300px;left:-300px}.blob3{background:var(--blob3);animation-delay:20s;top:150px;right:-200px}.noise{opacity:var(--noise-opacity);mix-blend-mode:var(--noise-blend);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=768px){.blob{width:270px;height:270px;opacity:calc(var(--blob-opacity) * .75)}.blob1{top:-100px;left:-150px}.blob2{bottom:-150px;left:-150px}.blob3{top:100px;right:-150px}}