@keyframes enterFromRight{0%{opacity:0;transform:translateY(-50%)translate(120vw,-120vh)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes enterFromTop{0%{opacity:0;transform:translate(-50%,-42%)translate(-120vw,120vh)}to{opacity:1;transform:translate(-50%,-42%)translate(0)}}@keyframes enterFromBottom{0%{opacity:0;transform:translate(-50%)translateY(120vh)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gradient-wrapper{z-index:-1;border-radius:12px;width:100%;height:100%;position:fixed}.blob{border-radius:50%;position:absolute}.blob-blue{filter:blur(90px);width:580px;height:500px;transform:translateY(-40%, -50%);background:#c1c7fe80;animation:1.2s cubic-bezier(.22,1,.36,1) both enterFromRight;top:40%;right:20%}.blob-pink{filter:blur(90px);background:#ff04d833;width:500px;height:420px;animation:1.4s cubic-bezier(.22,1,.36,1) .15s both enterFromTop;top:50%;left:40%;transform:translate(-50%,-42%)}.blob-pink-warm{filter:blur(80px);background:#ffb4e62e;width:420px;height:300px;animation:1.4s cubic-bezier(.22,1,.36,1) .3s both enterFromBottom;bottom:-10%;left:35%;transform:translate(-50%)}