.loader{width:40px;height:20px;--c:no-repeat radial-gradient(farthest-side,#b01c14 93%,#b01c14);background:var(--c) 0 0,var(--c) 50% 0,var(--c) 100% 0;background-size:8px 8px;position:relative;animation:l4-0 1s linear infinite alternate}.loader:before{content:"";position:absolute;width:8px;height:12px;background:#b01c14;left:0;top:0;animation:l4-1 1s linear infinite alternate,l4-2 .5s cubic-bezier(0,200,.8,200) infinite}@keyframes l4-0{0%{background-position:0 100%,50% 0,100% 0}42%,8%{background-position:0 0,50% 0,100% 0}50%{background-position:0 0,50% 100%,100% 0}58%,92%{background-position:0 0,50% 0,100% 0}to{background-position:0 0,50% 0,100% 100%}}@keyframes l4-1{to{left:calc(100% - 8px)}}@keyframes l4-2{to{top:-.1px}}