.pyramid-loader{width:300px;height:300px;transform-style:preserve-3d;display:block;position:relative;transform:rotateX(-20deg)}.wrapper{width:100%;height:100%;transform-style:preserve-3d;animation:4s linear infinite spin;position:relative}@keyframes spin{to{transform:rotateY(360deg)}}.pyramid-loader .wrapper .side{transform-origin:top;clip-path:polygon(50% 0%,0% 100%,100% 100%);width:70px;height:70px;margin:auto;position:absolute;inset:0}.pyramid-loader .wrapper .side1{background:conic-gradient(#2bdeac,#f028fd,#d8cce6,#2f2585);transform:rotate(-30deg)rotateY(90deg)}.pyramid-loader .wrapper .side2{background:conic-gradient(#2f2585,#d8cce6,#f028fd,#2bdeac);transform:rotate(30deg)rotateY(90deg)}.pyramid-loader .wrapper .side3{background:conic-gradient(#2f2585,#d8cce6,#f028fd,#2bdeac);transform:rotateX(30deg)}.pyramid-loader .wrapper .side4{background:conic-gradient(#2bdeac,#f028fd,#d8cce6,#2f2585);transform:rotateX(-30deg)}.pyramid-loader .wrapper .shadow{filter:blur(12px);background:#8b5ad5;width:60px;height:60px;margin:auto;position:absolute;inset:0;transform:rotateX(90deg)translateZ(-40px)}