.wave-circle{border:5px solid #fff;border-radius:50%;width:120px;height:120px;margin:1.5rem 0;position:relative;overflow:hidden;box-shadow:0 0 0 5px #653da7,0 18px 45px #653da738}.wave-fill{background:#653da7;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 0 35px #00000038}.wave-fill:before,.wave-fill:after{content:"";width:200%;height:200%;transition:all 2s;position:absolute;top:42%;left:50%;transform:translate(-50%,-75%)}.wave-fill:before{background:#fff;border-radius:45%;animation:5s linear infinite waveRotate,4s ease-in-out infinite alternate waveLevel}.wave-fill:after{background:#ffffff8c;border-radius:40%;animation:10s linear infinite waveRotate,4s ease-in-out infinite alternate waveLevel}@keyframes waveRotate{0%{transform:translate(-50%,-75%)rotate(0)}to{transform:translate(-50%,-75%)rotate(360deg)}}@keyframes waveLevel{0%{top:55%}to{top:25%}}@media (prefers-reduced-motion:reduce){.wave-fill:before,.wave-fill:after{animation-duration:.01ms;animation-iteration-count:1}}