.pyramid-loader{transform-style:preserve-3d;display:block;position:relative;transform:rotateX(-20deg)}.wrapper{width:100%;height:90%;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:120px;height:120px;margin:auto;position:absolute;inset:0}.pyramid-loader .wrapper .side1{background:conic-gradient(#2bdeac,#8ebc21,#94ea38,#12120c);transform:rotate(-30deg)rotateY(90deg)}.pyramid-loader .wrapper .side2{background:conic-gradient(#12120c,#94ea38,#8ebc21,#2bdeac);transform:rotate(30deg)rotateY(90deg)}.pyramid-loader .wrapper .side3{background:conic-gradient(#12120c,#94ea38,#8ebc21,#2bdeac);transform:rotateX(30deg)}.pyramid-loader .wrapper .side4{background:conic-gradient(#2bdeac,#8ebc21,#94ea38,#12120c);transform:rotateX(-30deg)}.pyramid-loader .wrapper .shadow{filter:blur(12px);background:#79d55a8b;width:80px;height:80px;margin:auto;position:absolute;inset:50px 0 0;transform:rotateX(90deg)translateZ(-40px)}