.loading-indicator{display:inline-block;position:relative;width:56px;height:24px;scale:.7;left:-6px}.loading-indicator div{position:absolute;top:6px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.loading-indicator div:nth-child(1){left:8px;animation:loading-indicator1 .6s infinite}.loading-indicator div:nth-child(2){left:8px;animation:loading-indicator2 .6s infinite}.loading-indicator div:nth-child(3){left:32px;animation:loading-indicator2 .6s infinite}.loading-indicator div:nth-child(4){left:56px;animation:loading-indicator3 .6s infinite}@keyframes loading-indicator1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading-indicator3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading-indicator2{0%{transform:translate(0)}to{transform:translate(24px)}}.skeleton{background:linear-gradient(-75deg,transparent 30%,#eeeeee 50%,transparent 70%) 0 0 / 200% 100%,#cccccc;background-attachment:fixed;animation:skeleton 2s infinite linear}@keyframes skeleton{to{background-position:-200% 0}}.step:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.step:after{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}