.pyramid-cubes-container{position:relative;width:30vw;height:30vw;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:1000px;transform:scale(calc(30vw / 300px))}.pyramid-loader{position:absolute;width:200px;height:200px;display:block;transform-style:preserve-3d;transform:rotateX(-20deg)}.pyramid-loader .wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:pyramidSpin 4s linear infinite,pyramidPulse 1s ease-in-out infinite}@keyframes pyramidSpin{to{transform:rotateY(1turn)}}@keyframes pyramidPulse{0%{scale:1}10%{scale:1.15}20%{scale:1}30%{scale:1.1}40%{scale:1}to{scale:1}}.pyramid-loader .wrapper .side{width:70px;height:70px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform-origin:center top;clip-path:polygon(50% 0,0 100%,100% 100%)}.pyramid-loader .wrapper .side1{transform:rotate(-30deg) rotateY(90deg);background:conic-gradient(#4ecdc4,#ff6b6b,#4ecdc4)}.pyramid-loader .wrapper .side2{transform:rotate(30deg) rotateY(90deg);background:conic-gradient(#ff6b6b,#4ecdc4,#ff6b6b)}.pyramid-loader .wrapper .side3{transform:rotateX(30deg);background:conic-gradient(#ff6b6b,#4ecdc4,#ff6b6b)}.pyramid-loader .wrapper .side4{transform:rotateX(-30deg);background:conic-gradient(#4ecdc4,#ff6b6b,#4ecdc4)}.pyramid-loader .wrapper .shadow{width:60px;height:60px;background:linear-gradient(135deg,rgba(255,107,107,.4),rgba(78,205,196,.4));position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:rotateX(90deg) translateZ(-40px);filter:blur(12px)}.cubes-orbit{position:absolute;width:100%;height:100%;transform-style:preserve-3d;animation:orbitAroundY 8s linear infinite}@keyframes orbitAroundY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.spinner{width:35px;height:35px;--clr:#ff6b6b;--clr-secondary:#4ecdc4;--clr-alpha:rgba(255,107,107,0.15);--clr-alpha-secondary:rgba(78,205,196,0.15);transform-style:preserve-3d;position:absolute;top:50%;left:50%}.spinner>div{height:100%;position:absolute;width:100%;border:2px solid}.cube-1{transform:translate(-50%,-50%) translateZ(150px);animation:cubeRotate 1.6s ease infinite}.cube-1>div{background-color:var(--clr-alpha);border-color:var(--clr)}.cube-2{transform:translate(-50%,-50%) rotateY(120deg) translateZ(150px);animation:cubeRotate 1.6s ease infinite;animation-delay:-.5s}.cube-2>div{background-color:var(--clr-alpha-secondary);border-color:var(--clr-secondary)}.cube-3{transform:translate(-50%,-50%) rotateY(240deg) translateZ(150px);animation:cubeRotate 1.6s ease infinite;animation-delay:-1s}.cube-3>div{background:linear-gradient(135deg,var(--clr-alpha),var(--clr-alpha-secondary));border-color:#b08d98}.spinner div:first-of-type{transform:translateZ(-17.5px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translateX(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translateX(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(17.5px)}@keyframes cubeRotate{0%{rotate:45deg}50%{rotate:225deg}to{rotate:405deg}}.pulse-rings{position:absolute;width:100%;height:100%;pointer-events:none}.pulse-ring{position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;animation:pulseRingExpand 2s ease-out infinite;will-change:transform,opacity}.pulse-ring-1{box-shadow:inset 0 0 0 1px #ff6b6b;animation-delay:0s}.pulse-ring-2{box-shadow:inset 0 0 0 1px #e9848d;animation-delay:.16s}.pulse-ring-3{box-shadow:inset 0 0 0 1px #b8a3a3;animation-delay:.33s}.pulse-ring-4{box-shadow:inset 0 0 0 1px #83b8b3;animation-delay:.5s}.pulse-ring-5{box-shadow:inset 0 0 0 1px #5bc7ba;animation-delay:.66s}.pulse-ring-6{animation-delay:.83s}.pulse-ring-6,.pulse-ring-7{box-shadow:inset 0 0 0 1px #4ecdc4}.pulse-ring-7{animation-delay:1s}.pulse-ring-8{box-shadow:inset 0 0 0 1px #5bc7ba;animation-delay:1.16s}.pulse-ring-9{box-shadow:inset 0 0 0 1px #83b8b3;animation-delay:1.33s}.pulse-ring-10{box-shadow:inset 0 0 0 1px #b8a3a3;animation-delay:1.5s}.pulse-ring-11{box-shadow:inset 0 0 0 1px #e9848d;animation-delay:1.66s}.pulse-ring-12{box-shadow:inset 0 0 0 1px #ff6b6b;animation-delay:1.83s}@keyframes pulseRingExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}30%{opacity:.2}60%{opacity:0}to{transform:translate(-50%,-50%) scale(25);opacity:0}}@media (max-width:768px){.pyramid-cubes-container{width:50vw;height:50vw;transform:scale(calc(50vw / 300px))}}.loader-gradient-overlay{position:absolute;inset:0;mix-blend-mode:hard-light;pointer-events:none;z-index:10;overflow:hidden}.loader-gradient-overlay:before{content:"";position:absolute;width:300vmax;height:300vmax;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(0deg,rgba(255,107,107,.45),rgba(78,205,196,.47));animation:rotateGradient 5s linear infinite}@keyframes rotateGradient{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}