.step{position:relative}.step-line{left:60%;transform:translateX(-50%,-50%);animation:increase-step .6s linear forwards}.step-line,.step-line-reverse{position:absolute;top:40%;width:0;height:12px;background-color:#8e67e6}.step-line-reverse{left:-15.5vw;animation:decrease-step .6s linear}@keyframes increase-step{0%{width:0}to{width:16vw}}@keyframes decrease-step{0%{width:16vw}to{width:0}}.sparkle-container{position:relative;width:40px;height:40px}.sparkle{position:absolute;filter:drop-shadow(0 0 10px rgba(128,0,255,.7))}.sparkle-main{width:100%;height:100%;z-index:3;animation:pulseMain 3s infinite alternate}.sparkle-medium{width:50%;height:50%;bottom:-10%;right:-10%;z-index:2;animation:pulseMedium 2s infinite alternate}.sparkle-small{width:35%;height:35%;top:-20%;right:0;z-index:1;animation:pulseSmall 3s infinite alternate}@keyframes gradientWave{0%{stop-color:#ff00ff}25%{stop-color:#8000ff}50%{stop-color:#0080ff}75%{stop-color:#8000ff}to{stop-color:#ff00ff}}@keyframes smokeEffect{0%{transform:scale(1) rotate(0deg)}to{transform:scale(1.1) rotate(5deg)}}@keyframes pulseMain{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulseMedium{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(5px,-5px)}}@keyframes pulseSmall{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-5px,5px)}}.gradient-stop-1,.gradient-stop-2{animation:gradientWave 3s ease-in-out infinite}.gradient-stop-3{animation:gradientWave 3s ease-in-out 2s infinite}.sparkle-off{position:absolute;filter:drop-shadow(0 0 10px rgba(128,0,255,.7))}.sparkle-off-main{width:100%;height:100%;z-index:3}.sparkle-off-medium{width:50%;height:50%;bottom:-10%;right:-10%;z-index:2}.sparkle-off-small{width:35%;height:35%;top:-20%;right:0;z-index:1}