.loader{background:orange;width:40px;height:20px;animation:1.5s linear infinite l9-0;position:relative}.loader:before,.loader:after{content:"";background:inherit;width:50%;height:100%;animation:inherit;animation-name:l9-1;position:absolute;bottom:100%}.loader:before{transform-origin:0 100%;--s:-1;left:0}.loader:after{transform-origin:100% 100%;right:0}@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(0)}50%{transform:rotate(calc(var(--s,1)*180deg))}}