.loader{--c:no-repeat linear-gradient(var(--border-color)0 0);background:var(--c)0 0,var(--c)0 100%,var(--c)50% 0,var(--c)50% 100%,var(--c)100% 0,var(--c)100% 100%;background-size:8px 50%;width:40px;height:40px;animation:2s infinite l9-0;position:relative;overflow:hidden}.loader:before{content:"";width:8px;height:8px;animation:inherit;background:#fefefe;border-radius:50%;animation-name:l9-1;position:absolute;top:calc(50% - 4px);left:-8px}@keyframes l9-0{16.67%{background-size:8px 30%,8px 30%,8px 50%,8px 50%,8px 50%,8px 50%}33.33%{background-size:8px 30%,8px 30%,8px 30%,8px 30%,8px 50%,8px 50%}50%{background-size:8px 30%,8px 30%,8px 30%,8px 30%,8px 50%,8px 50%}66.67%{background-size:8px 50%,8px 50%,8px 30%,8px 30%,8px 50%,8px 50%}83.33%{background-size:8px 50%,8px 50%,8px 50%,8px 50%,8px 50%,8px 50%}}@keyframes l9-1{20%{left:0}40%,70%{left:calc(50% - 4px)}80%,85%{top:calc(50% - 4px);left:8px}to{top:-8px;left:8px}}.loader_small{aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,var(--border-color)90%,#0000);background:var(--_g)0% 50%,var(--_g)50% 50%,var(--_g)100% 50%;background-size:33.3333% 50%;width:60px;margin-top:.5rem;animation:1s linear infinite l3}@keyframes l3{20%{background-position:0 0,50%,100%}40%{background-position:0 100%,50% 0,100%}60%{background-position:0%,50% 100%,100% 0}80%{background-position:0%,50%,100% 100%}}