.loader-1{width:50px;aspect-ratio:1;color:#000;border:2px solid;display:grid;box-sizing:border-box;animation:l1 4s linear infinite}.loader-1:after,.loader-1:before{content:"";grid-area:1/1;margin:auto;width:70.7%;aspect-ratio:1;border:2px solid;box-sizing:content-box;animation:inherit}.loader-1:after{width:50%;aspect-ratio:1;border:2px solid;animation-duration:2s}@keyframes l1{to{transform:rotate(1turn)}}.loader-2{width:40px;color:#000;box-sizing:border-box;position:relative;transform-origin:left;animation:l2 1s linear infinite}.loader-2,.loader-2:after,.loader-2:before{aspect-ratio:1;border-radius:50%;border:2px solid}.loader-2:after,.loader-2:before{content:"";position:absolute;inset:0 0 auto;margin:auto;width:50%;box-sizing:content-box;transform-origin:50% calc(100% - 4px);animation:inherit}.loader-2:after{inset:auto 0 calc(100% + 2px);animation-duration:.5s;animation-direction:reverse;transform-origin:50% calc(200% - 2px)}@keyframes l2{to{transform:rotate(1turn)}}.loader-3{width:50px;aspect-ratio:1;border:2px solid;--c:conic-gradient(from -90deg at calc(100% - 2px) calc(100% - 2px),#0000 0 90deg,#000 0);background:var(--c),var(--c);background-size:16px 16px;background-position:0 0;animation:l3 1s infinite}@keyframes l3{to{background-position:-16px -16px,16px 16px}}.loader-4{width:50px;aspect-ratio:1;color:#000;border:2px solid;box-sizing:border-box;--c:radial-gradient(farthest-side,#0000 calc(100% - 3px),currentColor calc(100% - 2px) 98%,#0000);background:var(--c),var(--c);background-size:23px 23px;background-position:0 0,12px 12px;animation:l4 1s infinite}@keyframes l4{to{background-position:-23px 0,12px 35px}}.loader-5{width:50px;aspect-ratio:1.154;display:grid;color:#000;background:linear-gradient(to bottom left,#0000 calc(50% - 1px),currentColor 0 calc(50% + 1px),#0000 0) 100%/50% 100%,linear-gradient(to bottom right,#0000 calc(50% - 1px),currentColor 0 calc(50% + 1px),#0000 0) 0 /50% 100%,linear-gradient(currentColor 0 0) bottom/100% 2px;background-repeat:no-repeat;transform-origin:50% 66%;animation:l5 4s linear infinite}.loader-5:after,.loader-5:before{content:"";grid-area:1/1;background:inherit;transform-origin:inherit;animation:inherit}.loader-5:after{animation-duration:2s}@keyframes l5{to{transform:rotate(1turn)}}.loader-6{width:50px;aspect-ratio:1;display:grid;color:#000;background:linear-gradient(90deg,currentColor 2px,#0000 0 calc(100% - 2px),currentColor 0) 50%/100% 14px,linear-gradient(0deg,currentColor 2px,#0000 0 calc(100% - 2px),currentColor 0) 50%/14px 100%,linear-gradient(currentColor 0 0) 50%/100% 2px,linear-gradient(currentColor 0 0) 50%/2px 100%;background-repeat:no-repeat;animation:l6 4s linear infinite}.loader-6:after,.loader-6:before{content:"";grid-area:1/1;background:inherit;transform-origin:inherit;animation:inherit}.loader-6:after{animation-duration:2s}@keyframes l6{to{transform:rotate(1turn)}}.loader-7{width:50px;aspect-ratio:1;color:#000;border:2px solid;box-sizing:border-box;background:repeating-conic-gradient(#0000 0 90deg,currentColor 0 180deg),repeating-conic-gradient(currentColor 0 90deg,#0000 0 180deg);background-size:16px 16px;background-position:0 0;animation:l7 2s infinite}@keyframes l7{to{background-position:0 32px,16px 0}}.loader-8{width:50px;aspect-ratio:1;color:#000;border:2px solid;box-sizing:border-box;background:radial-gradient(farthest-side,currentColor 90%,#0000),radial-gradient(farthest-side,#0000 90%,currentColor);background-size:16px 16px;background-position:0 0;animation:l8 2s infinite}@keyframes l8{to{background-position:0 32px,-16px 0}}.loader-9{width:50px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#0000,#000 1deg 18deg,#0000 20deg 36deg);animation:l9 4s linear infinite;position:relative}.loader-9:before{content:"";position:absolute;border-radius:50%;inset:0;background:inherit;animation:inherit}@keyframes l9{to{transform:rotate(.5turn)}}.loader-10{width:50px;aspect-ratio:1;display:grid}.loader-10:after,.loader-10:before{content:"";grid-area:1/1;border-radius:50%;background:repeating-conic-gradient(#0000,#000 1deg 18deg,#0000 20deg 36deg);-webkit-mask:repeating-radial-gradient(farthest-side,#000 0 10%,#0000 0 20%);animation:l10 4s linear infinite}.loader-10:after{-webkit-mask:repeating-radial-gradient(farthest-side,#0000 0 10%,#000 0 20%);animation-direction:reverse}@keyframes l10{to{transform:rotate(.5turn)}}.loader-11{width:50px;aspect-ratio:1;border:2px solid;box-sizing:border-box;border-radius:50%;display:grid;animation:l11 1.5s linear infinite;transform-origin:50% 80%}.loader-11:after,.loader-11:before{content:"";grid-area:1/1;border:inherit;border-radius:50%;animation:inherit;animation-duration:1s;transform-origin:inherit}.loader-11:after{--s:-1}@keyframes l11{to{transform:rotate(calc(var(--s,1)*1turn))}}.loader-12{width:60px;height:25px;border:2px solid;box-sizing:border-box;border-radius:50%;display:grid;animation:l12 2s linear infinite}.loader-12:after,.loader-12:before{content:"";grid-area:1/1;border:inherit;border-radius:50%;animation:inherit;animation-duration:3s}.loader-12:after{--s:-1}@keyframes l12{to{transform:rotate(calc(var(--s,1)*1turn))}}.loader-13{width:60px;height:30px;display:flex;--c:#0000 calc(100% - 5px),#000 calc(100% - 4px) 96%,#0000;background:radial-gradient(farthest-side at bottom,var(--c)) 0 0,radial-gradient(farthest-side at top,var(--c)) 100% 100%;background-size:calc(50% + 2px) 50%;background-repeat:no-repeat;animation:l13 2s linear infinite}.loader-13:before{content:"";flex:1;background:inherit;transform:rotate(90deg)}@keyframes l13{to{transform:rotate(1turn)}}.loader-14{width:60px;height:30px;display:grid;--c:#0000 calc(100% - 5px),#000 calc(100% - 4px) 96%,#0000;background:radial-gradient(farthest-side at bottom,var(--c)) 0 0,radial-gradient(farthest-side at top,var(--c)) 100% 100%;background-size:calc(50% + 2px) 50%;background-repeat:no-repeat;animation:l14 1.5s linear infinite}.loader-14:after,.loader-14:before{content:"";grid-area:1/1;background:inherit;animation:inherit;animation-duration:2s}.loader-14:after{--s:-1}@keyframes l14{to{transform:rotate(calc(var(--s,1)*1turn))}}.loader-15{width:50px;aspect-ratio:1;border:2px solid;box-sizing:border-box;--c:conic-gradient(from 180deg at 50% calc(100% - 2px),#000 90deg,#0000 0);background:var(--c),var(--c);background-position:0 0,8px 0;background-size:16px 9.6px;animation:l15 1s infinite}@keyframes l15{to{background-position:0 -9.6px,8px 9.6px}}.loader-16{width:50px;aspect-ratio:1;position:relative;overflow:hidden;border:2px solid}.loader-16:before{content:"";position:absolute;inset:-48px;--c:conic-gradient(from 180deg at 50% calc(100% - 2px),#000 90deg,#0000 0);background:var(--c),var(--c);background-position:0 0,8px 0;background-size:16px 9.6px;animation:l16 2s infinite}@keyframes l16{50%{background-position:0 -9.6px,8px 9.6px;transform:rotate(90deg)}to{background-position:0 -19.2px,8px 19.2px;transform:rotate(180deg)}}.loader-17{width:30px;aspect-ratio:.577;color:#000;display:grid;background:linear-gradient(currentColor 0 0) top /100% 1px,linear-gradient(currentColor 0 0) bottom/100% 1px,linear-gradient(to bottom right,#0000 calc(50% - 2px),currentColor calc(50% - 1px),#0000 50%) top/100% calc(100% + 2px),linear-gradient(to bottom left,#0000 calc(50% - 2px),currentColor calc(50% - 1px),#0000 50%) top/100% calc(100% + 2px);background-repeat:no-repeat;animation:l17 4s linear infinite}.loader-17:after,.loader-17:before{content:"";grid-area:1/1;background:inherit;border:inherit;animation:inherit}.loader-17:after{animation-duration:2s}@keyframes l17{to{transform:rotate(1turn)}}.loader-18{width:25px;height:50px;display:grid;color:#000;background:linear-gradient(currentColor 0 0) top/100% 2px,radial-gradient(farthest-side at top,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000) top,linear-gradient(currentColor 0 0) bottom/100% 2px,radial-gradient(farthest-side at bottom,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000) bottom;background-size:100% 1px,100% 50%;background-repeat:no-repeat;animation:l18 4s linear infinite}.loader-18:after,.loader-18:before{content:"";grid-area:1/1;background:inherit;border:inherit;animation:inherit}.loader-18:after{animation-duration:2s}@keyframes l18{to{transform:rotate(1turn)}}.loader-19{width:50px;aspect-ratio:1;display:grid}.loader-19:after,.loader-19:before{content:"";grid-area:1/1;border-radius:50%;background:repeating-radial-gradient(farthest-side,#0000 0,#000 1% 10%,#0000 11% 30%);-webkit-mask:repeating-conic-gradient(#000 0 36deg,#0000 0 72deg);animation:l19 4s linear infinite}.loader-19:after{-webkit-mask:repeating-conic-gradient(#0000 0 36deg,#000 0 72deg);animation-direction:reverse}@keyframes l19{to{transform:rotate(1turn)}}.loader-20{--b:5px;width:calc(12*var(--b));aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(calc(2*var(--b)) at top,#0000 -1px,#000 0 calc(50% - 1px),#0000 50% calc(100% - 1px)) calc(50% + var(--b)) 100%,repeating-radial-gradient(calc(2*var(--b)) at bottom,#000 -1px,#0000 0 calc(50% - 1px),#000 50% calc(100% - 1px)) 50% 0;background-size:150% 50%;background-repeat:no-repeat;mask:radial-gradient(calc(1.5*var(--b)) at calc(100% - var(--b)/2) 0,#0000 calc(100%/3),#000 calc(100%/3 + 1px) 110%,#0000 0) calc(50% + var(--b)/2) 100%/calc(3*var(--b)) 50% exclude no-repeat,conic-gradient(#000 0 0);animation:l20 1s linear infinite}@keyframes l20{to{transform:rotate(1turn)}}