@keyframes animateBg{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.span1{left:50%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 0 0 8px hsla(0,0%,100%,.1),0 0 20px hsla(0,0%,100%,.1);animation:animate 3s linear infinite}.span1,.span1:before{position:absolute;top:50%}.span1:before{content:"";transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes animate{0%{transform:rotate(315deg) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translateX(-1000px);opacity:0}}.span1:first-child{top:0;right:0;left:auto;animation-delay:0s;animation-duration:1s}.span1:nth-child(2){top:0;right:80px;left:auto;animation-delay:.2s;animation-duration:3s}.span1:nth-child(3){top:80;right:0;left:auto;animation-delay:.4s;animation-duration:2s}.span1:nth-child(4){top:0;right:180px;left:auto;animation-delay:.6s;animation-duration:1.5s}.span1:nth-child(5){top:0;right:400px;left:auto;animation-delay:.8s;animation-duration:2.5s}.span1:nth-child(6){top:0;right:600px;left:auto;animation-delay:1s;animation-duration:3s}.span1:nth-child(7){top:300px;right:0;left:auto;animation-delay:1.2s;animation-duration:1.75s}.span1:nth-child(8){top:0;right:700px;left:auto;animation-delay:1.4s;animation-duration:1.25s}.span1:nth-child(9){top:0;right:1000px;left:auto;animation-delay:.75s;animation-duration:2.25s}.span1:nth-child(10){top:0;right:450px}.span1:nth-child(10),.span1:nth-child(11){left:auto;animation-delay:2.75s;animation-duration:2.75s}.span1:nth-child(11){top:100px;right:0}.fancy:before{background:conic-gradient(transparent 270deg,#fff,transparent);top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;width:100%;animation:rotate 2s linear infinite}.fancy:after,.fancy:before{content:"";position:absolute}.fancy:after{background:inherit;border-radius:inherit;inset:var(--offset);height:calc(100% - 2 * var(--offset));width:calc(100% - 2 * var(--offset));border:1px solid hsla(0,0%,100%,.1)}.fancy{--offset:1px;background:#000;border-radius:50px;height:50px;width:200px;max-width:100%;overflow:hidden;transition:3s linear}.fancy,.fancy a{position:relative}.fancy a{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#fff;z-index:1;text-decoration:none}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}