@property --bg-base{syntax:"<color>";inherits:true;initial-value:#e0f2fe}:root{--bg-base:#e0f2fe;--blob-1:#7dd3fc;--blob-2:#3b82f6;--blob-3:#bae6fd;--blob-4:#f0f9ff}.dark{--bg-base:#1b253b;--blob-1:#3cc2dd;--blob-2:#007bff;--blob-3:#9eecff;--blob-4:rgba(255,255,255,0.6)}.bg-root{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--bg-base);overflow:hidden;isolation:isolate}.bg-blob,.bg-root{transition:background-color .8s ease}.bg-blob{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}.bg-blob-1{width:55vw;height:55vw;background-color:var(--blob-1);top:50%;left:-5%;opacity:.75;animation:blob1 9s ease-in-out infinite alternate}.bg-blob-2{background-color:var(--blob-2);top:-10%;left:-8%;opacity:.6;animation:blob2 12s ease-in-out infinite alternate}.bg-blob-2,.bg-blob-3{width:50vw;height:50vw}.bg-blob-3{background-color:var(--blob-3);top:15%;right:-8%;opacity:.55;animation:blob3 8s ease-in-out infinite alternate}.bg-blob-4{width:38vw;height:38vw;background-color:var(--blob-4);top:28%;left:33%;opacity:.5;animation:blob4 10s ease-in-out infinite alternate}@keyframes blob1{0%{transform:translate(0) scale(1)}to{transform:translate(14vw,-22vh) scale(1.08)}}@keyframes blob2{0%{transform:translate(0) scale(1)}to{transform:translate(18vw,14vh) scale(.92)}}@keyframes blob3{0%{transform:translate(0) scale(1)}to{transform:translate(-16vw,18vh) scale(1.12)}}@keyframes blob4{0%{transform:translate(0) scale(1)}to{transform:translate(-10vw,-14vh) scale(.96)}}@media (prefers-reduced-motion:reduce){.bg-blob{animation:none;will-change:auto}}