.loader{width:40px;height:40px;--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%;animation:l9-0 2s infinite;position:relative;overflow:hidden}.loader:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fefefe;top:calc(50% - 4px);left:-8px;animation:inherit;animation-name:l9-1}@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%{left:8px;top:calc(50% - 4px)}to{left:8px;top:-8px}}.loader_small{width:60px;aspect-ratio:2;margin-top:.5rem;--_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:calc(100% / 3) 50%;animation:l3 1s linear infinite}@keyframes l3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}