.loader{width:calc(100px - 24px);height:50px;position:relative;animation:flippx 2s linear infinite}.loader:before{inset:0;margin:auto;width:20px;height:20px;transform-origin:-24px 50%;animation:spin 1s linear infinite}.loader:after,.loader:before{content:"";position:absolute;border-radius:50%;background:#0080ff}.loader:after{left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px}@keyframes flippx{0%,49%{transform:scaleX(1)}50%,to{transform:scaleX(-1)}}@keyframes spin{to{transform:rotate(1turn)}}