.loader{width:90px;height:90px;box-shadow:0 3px #ccc;position:relative;clip-path:inset(-40px 0 -5px);margin-bottom:20px}.loader:before{content:"";position:absolute;inset:auto calc(50% - 17px) 0;height:50px;--g: no-repeat linear-gradient(#06aaaa 0 0);background:var(--g),var(--g),var(--g),var(--g);background-size:16px 14px;animation:l7-1 1.5s infinite linear,l7-2 1.5s infinite linear}@keyframes l7-1{0%,to{background-position:0 -50px,100% -50px}17.5%{background-position:0 100%,100% -50px,0 -50px,100% -50px}35%{background-position:0 100%,100% 100%,0 -50px,100% -50px}52.5%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% -50px}70%,98%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% calc(100% - 16px)}}@keyframes l7-2{0%,70%{transform:translate(0)}to{transform:translate(200%)}}body{overflow-x:hidden;margin:0;padding:0}