.loader-container{position:relative;width:150px;height:150px;perspective:800px;transform-style:preserve-3d}.sphere-core{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 40%,#00eaff,#06f);border-radius:50%;box-shadow:0 0 25px rgba(0,234,255,.5);animation:pulse 2s cubic-bezier(.5,0,.5,1) infinite}.ring{position:absolute;width:100%;height:100%;border:2px solid rgba(0,234,255,.7);border-radius:50%;box-shadow:0 0 15px rgba(0,234,255,.3);transform-style:preserve-3d}.ring-1{animation:rotateX 2.5s cubic-bezier(.65,0,.35,1) infinite}.ring-2{animation:rotateY 2s cubic-bezier(.55,0,.45,1) infinite;width:120px;height:120px;top:15px;left:15px;border-color:rgba(0,234,255,.5)}.ring-3{animation:rotateXY 3s cubic-bezier(.7,0,.3,1) infinite;width:90px;height:90px;top:30px;left:30px;border-color:rgba(0,234,255,.3)}@keyframes rotateX{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}to{transform:rotateX(1turn)}}@keyframes rotateY{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes rotateXY{0%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 25px rgba(0,234,255,.5)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 35px rgba(0,234,255,.7)}}.loader-container:hover .sphere-core{background:radial-gradient(circle at 40% 40%,#f6f,var(--PPrimaryColor));box-shadow:0 0 35px rgba(255,102,255,.7)}.loader-container:hover .ring{border-color:var(--PPrimaryColor);box-shadow:0 0 20px rgba(255,102,255,.5)}