.glow{filter:blur(20px);background:#4f46e54d;border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite glow;position:absolute}.ripple{border:2px solid #818cf880;border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite ripple;position:absolute}@keyframes glow{0%{opacity:.5;transform:scale(.8)}50%{opacity:.9;transform:scale(1)}to{opacity:.5;transform:scale(.8)}}@keyframes ripple{0%{opacity:0;transform:scale(.2)}20%{opacity:.4}80%{opacity:.9}to{opacity:0;transform:scale(1)}}
@keyframes fade-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.gradient-general{opacity:1;filter:blur(20px);background:radial-gradient(circle,#2559ff66 0%,#2559ffcc 20%,#2559ff 29%,#2559ffcc 38%,#2559ff1a 44%,#fff 50%) 50%/100% 100% no-repeat;transition:filter 2s ease-in-out,opacity 2s ease-in-out,transform 3s ease-in-out;animation:1.5s ease-in-out fade-in;transform:scale(1)}.gradient-general-no-animation{opacity:1;filter:blur(20px);background:radial-gradient(circle,#2559ff66 0%,#2559ffcc 20%,#2559ff 29%,#2559ffcc 38%,#2559ff1a 44%,#fff 50%) 50%/100% 100% no-repeat;transform:scale(1)}.pre-gradient{filter:blur(20px);transition:filter 2s ease-in-out,opacity 2s ease-in-out,transform 2s ease-in-out;transform:scale(1)}.during-gradient{filter:blur(10px);transform:scale(2.6)}.post-gradient{opacity:0;transform:scale(1)}.post-gradient-snapshot{opacity:1;filter:blur(20px);transform:scale(2.5)translateY(2.5%)}