.loader{clip-path:inset(-40px 0 -5px);width:180px;height:56px;position:relative;box-shadow:0 6px #fff}.loader:before{content:"";--g:no-repeat linear-gradient(#46cdfb 0 0);background:var(--g),var(--g),var(--g),var(--g);background-size:32px 28px;height:80px;animation:2s linear infinite l7-1,2s linear infinite l7-2;position:absolute;inset:auto calc(50% - 34px) 0}@keyframes l7-1{0%,to{background-position:0 -100px,100% -100px}17.5%{background-position:0 100%,100% -100px,0 -100px,100% -100px}35%{background-position:0 100%,100% 100%,0 -100px,100% -100px}52.5%{background-position:0 100%,100% 100%,0 calc(100% - 32px),100% -100px}70%,98%{background-position:0 100%,100% 100%,0 calc(100% - 32px),100% calc(100% - 32px)}to{background-position:0 -100px,100% -100px}}@keyframes l7-2{0%,70%{transform:translate(0)}to{transform:translate(200%)}}