.loader{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;transition:opacity .5s linear}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #b77bde}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #c993ed}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #a874cc}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}.loader span{position:absolute;top:80px;text-align:center;font-family:sans-serif;color:#333}