.loader{clip-path:inset(-40px 0 -5px);width:90px;height:14px;position:relative;box-shadow:0 3px #ff6a00}.loader:before{content:"";--g:no-repeat linear-gradient(#ff6a00 0 0);background:var(--g), var(--g), var(--g), var(--g);background-size:16px 14px;height:50px;animation:2s linear infinite l7-1,2s linear infinite l7-2;position:absolute;inset:auto calc(50% - 17px) 0}@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%)}}.loader-container{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (prefers-color-scheme:dark){.loader{box-shadow:0 3px #ff8a2e}.loader:before{--g:no-repeat linear-gradient(#ff8a2e 0 0)}}