.sphere-loader-container{zoom:.5;position:absolute;inset:0}.sphere-loader{width:400px;height:400px;transform-style:preserve-3d;perspective:10000px;animation:8s linear infinite sphereRotate;position:absolute;top:calc(50% - 200px);left:calc(50% - 200px)}.sphere-loader .sphere,.sphere-loader .item{width:400px;height:400px;transform-style:preserve-3d;perspective:10000px;position:absolute;top:0;left:0}.sphere-loader .sphere{transform:rotate(calc(var(--rot)*20deg))}.sphere-loader .sphere1{--bg:#9ca3af80}.sphere-loader .sphere2{--bg:#d1d5db80}.sphere-loader .sphere3{--bg:#f3f4f680}.sphere-loader .sphere4{--bg:#c4b5fd80}.sphere-loader .sphere5{--bg:#a78bfa80}.sphere-loader .sphere6{--bg:#8b5cf680}.sphere-loader .sphere7{--bg:#7c3aed80}.sphere-loader .sphere8{--bg:#ffffff80}.sphere-loader .sphere9{--bg:#f9fafb80}.sphere-loader .item{background:var(--bg);transform:rotateY(calc(var(--rot-y)*40deg));border-radius:50%}@keyframes sphereRotate{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}