.atom-spinner,.atom-spinner *{box-sizing:border-box}.atom-spinner{height:60px;width:60px;overflow:hidden}.atom-spinner .spinner-inner{position:relative;display:block;height:100%;width:100%}.atom-spinner .spinner-circle{display:block;position:absolute;color:#ff1d5e;font-size:calc(60px * .24);top:50%;left:50%;transform:translate(-50%,-50%)}.atom-spinner .spinner-line{position:absolute;width:100%;height:100%;border-radius:50%;animation-duration:1s;border-left-width:2.4px;border-top-width:2.4px;border-left-color:#ff1d5e;border-left-style:solid;border-top-style:solid;border-top-color:transparent}.atom-spinner .spinner-line:nth-child(1){animation:atom-spinner-animation-1 1s linear infinite;transform:rotate(120deg) rotateX(66deg) rotate(0)}.atom-spinner .spinner-line:nth-child(2){animation:atom-spinner-animation-2 1s linear infinite;transform:rotate(240deg) rotateX(66deg) rotate(0)}.atom-spinner .spinner-line:nth-child(3){animation:atom-spinner-animation-3 1s linear infinite;transform:rotate(360deg) rotateX(66deg) rotate(0)}@keyframes atom-spinner-animation-1{to{transform:rotate(120deg) rotateX(66deg) rotate(360deg)}}@keyframes atom-spinner-animation-2{to{transform:rotate(240deg) rotateX(66deg) rotate(360deg)}}@keyframes atom-spinner-animation-3{to{transform:rotate(360deg) rotateX(66deg) rotate(360deg)}}