.loader{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#2e2a26b3;border-radius:0;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2s linear infinite spin;display:block;position:relative;top:50%;left:50%}.loader:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#c2a57cb3;animation:3s linear infinite reverse spin;position:absolute;inset:10px}.loader:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#d95f32e6;animation:1.5s linear infinite spin;position:absolute;inset:30px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}