.Loading{position:fixed;top:0;left:0;padding:20px;z-index:9999;width:100%;background-color:#fff;color:var(--main-color);gap:20px}.Loading,.Loading .kaaba-loader{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.Loading .kaaba-loader{background-color:#000;perspective:800px;overflow:hidden}.Loading .kaaba{position:relative;width:100px;height:100px;transform-style:preserve-3d;animation:rotateKaaba 5s linear infinite;transform:rotateX(-20deg) rotateY(20deg);z-index:3}.Loading .face{position:absolute;width:100px;height:100px;background:#1e1e1e;border:1px solid #222}.Loading .face:before{content:"";position:absolute;top:35%;left:0;width:100%;height:8px;background:linear-gradient(90deg,#fff,#fff)}.Loading .front{transform:translateZ(50px)}.Loading .back{transform:rotateY(180deg) translateZ(50px)}.Loading .left{transform:rotateY(-90deg) translateZ(50px)}.Loading .right{transform:rotateY(90deg) translateZ(50px)}.Loading .top{transform:rotateX(90deg) translateZ(50px);background:linear-gradient(180deg,#fff,#fff)}.Loading .bottom{transform:rotateX(-90deg) translateZ(50px);background:#111}@keyframes rotateKaaba{0%{transform:rotateX(-20deg) rotateY(0deg)}to{transform:rotateX(-20deg) rotateY(1turn)}}.Loading .orbit-text{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;animation:rotateText 30s linear infinite;transform-origin:center}.Loading .orbit-text span{position:absolute;top:50%;left:50%;transform-origin:0 0;color:#fff;min-width:15px;height:15px;background-color:var(--main-color);border-radius:50%;font-size:24px;pointer-events:none}@keyframes rotateText{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}