.loaders{aspect-ratio:1;--c:linear-gradient(#000 0 0);--r1:radial-gradient(farthest-side at bottom,#000 93%,#0000);--r2:radial-gradient(farthest-side at top,#000 93%,#0000);background:var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2);background-repeat:no-repeat;width:40px;animation:1s infinite alternate l2}@keyframes l2{0%,25%{background-position:0,0 calc(50% - 2px),0 calc(50% + 2px),50%,50% calc(50% - 2px),50% calc(50% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}50%{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% calc(50% - 2px),50% calc(50% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}75%{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% -2px,50% calc(100% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}95%,to{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% -2px,50% calc(100% + 2px),100%,100% -2px,100% calc(100% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px}}