.loader{width:40px;height:20px;background:orange;position:relative;animation:l9-0 1.5s linear infinite}.loader:after,.loader:before{content:"";position:absolute;background:inherit;bottom:100%;width:50%;height:100%;animation:inherit;animation-name:l9-1}.loader:before{left:0;transform-origin:bottom left;--s:-1}.loader:after{right:0;transform-origin:bottom right}@keyframes l9-0{0%,10%{transform:translateY(0) scaleY(1)}49.99%{transform:translateY(-50%) scaleY(1)}50%{transform:translateY(-50%) scaleY(-1)}90%,to{transform:translateY(-100%) scaleY(-1)}}@keyframes l9-1{10%,90%{transform:rotate(0deg)}50%{transform:rotate(calc(var(--s, 1) * 180deg))}}