.loader{width:16em;height:8em;position:relative;overflow:hidden}.loader:after,.loader:before{content:"";position:absolute;bottom:0}.loader:before{width:inherit;height:.2em;background-color:#d9d9d9}.loader:after{box-sizing:border-box;width:50%;height:inherit;border:.2em solid #d9d9d9;border-radius:50%;left:25%}.loader span{position:absolute;width:5%;height:10%;background-color:#082237;border-radius:50%;bottom:.2em;left:-5%;animation:2s linear infinite;transform-origin:50% -3em;animation-name:run,rotating}.loader span:nth-child(2){animation-delay:75ms}.loader span:nth-child(3){animation-delay:.15s}@keyframes run{0%{left:-5%}10%,60%{left:calc((100% - 5%) / 2)}70%,to{left:100%}}@keyframes rotating{0%,10%{transform:rotate(0deg)}60%,to{transform:rotate(-1turn)}}