.dots-12{width:60px;aspect-ratio:2;--_g:no-repeat radial-gradient(farthest-side,var(--color-foreground) 90%,#0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:25% 50%;animation:l12 1s linear infinite}@keyframes l12{33%{background-position:0 0,50% 100%,50% 100%,100% 0}66%{background-position:50% 0,0 100%,100% 100%,50% 0}to{background-position:50% 50%,0 50%,100% 50%,50% 50%}}.dots-23{width:50px;height:28px;--_g:no-repeat radial-gradient(farthest-side,var(--color-foreground) 94%,#0000);background:var(--_g) 50% 0,var(--_g) 100% 0;background-size:12px 12px;position:relative;animation:l23-0 1.5s linear infinite}.dots-23:before{content:"";position:absolute;height:12px;aspect-ratio:1;border-radius:50%;background:var(--color-foreground);left:0;top:0;animation:l23-1 1.5s linear infinite,l23-2 .5s cubic-bezier(0,200,.8,200) infinite}@keyframes l23-0{0%,31%{background-position:50% 0,100% 0}33%{background-position:50% 100%,100% 0}43%,64%{background-position:50% 0,100% 0}66%{background-position:50% 0,100% 100%}79%{background-position:50% 0,100% 0}to{transform:translateX(calc(-100% / 3))}}@keyframes l23-1{to{left:calc(100% + 7px)}}@keyframes l23-2{to{top:-.1px}}.dots-30{--s:15px;width:calc(var(--s) * 2.33);aspect-ratio:1;display:flex;justify-content:space-between}.dots-30:after,.dots-30:before{content:"";width:var(--s);--_g:no-repeat radial-gradient(farthest-side,var(--color-foreground) 94%,#0000);background:var(--_g) top,var(--_g) bottom;background-size:100% var(--s);transform-origin:50% calc(100% - var(--s) / 2);animation:l30 1s infinite}.dots-30:after{transform-origin:50% calc(var(--s) / 2)}@keyframes l30{70%,to{transform:rotate(-270deg)}}.dots-37{color:var(--color-foreground);width:6px;aspect-ratio:1;border-radius:50%;animation:l37-1 .75s linear infinite alternate,l37-2 1.5s linear infinite}@keyframes l37-1{0%,20%{box-shadow:30px 0 0 3px,10px 0 0 3px,-10px 0 0 3px,-30px 0 0 3px}60%,to{box-shadow:12px 0 0 3px,14px 0 0 6px,-14px 0 0 6px,-12px 0 0 3px}}@keyframes l37-2{0%,25%{transform:rotate(0)}50%,to{transform:rotate(.5turn)}}.dots-38{width:35px;aspect-ratio:1;--_g:no-repeat radial-gradient(farthest-side,var(--color-foreground) 94%,#0000);background:var(--_g) 0 0,var(--_g) 100% 0,var(--_g) 100% 100%,var(--_g) 0 100%;background-size:40% 40%;animation:l38 .5s infinite}@keyframes l38{to{background-position:100% 0,100% 100%,0 100%,0 0}}.dots-26{width:4px;color:var(--color-foreground);aspect-ratio:1;border-radius:50%;box-shadow:19px -19px 0 0,38px -19px 0 0,57px -19px 0 0,19px 0 0 5px,38px 0 0 5px,57px 0 0 5px,19px 19px 0 0,38px 19px 0 0,57px 19px 0 0;transform:translateX(-38px);animation:l26 2s linear infinite}@keyframes l26{12.5%{box-shadow:19px -19px 0 0,38px -19px 0 0,57px -19px 0 5px,19px 0 0 5px,38px 0 0 0,57px 0 0 5px,19px 19px 0 0,38px 19px 0 0,57px 19px 0 0}25%{box-shadow:19px -19px 0 5px,38px -19px 0 0,57px -19px 0 5px,19px 0 0 0,38px 0 0 0,57px 0 0 0,19px 19px 0 0,38px 19px 0 5px,57px 19px 0 0}50%{box-shadow:19px -19px 0 5px,38px -19px 0 5px,57px -19px 0 0,19px 0 0 0,38px 0 0 0,57px 0 0 0,19px 19px 0 0,38px 19px 0 0,57px 19px 0 5px}62.5%{box-shadow:19px -19px 0 0,38px -19px 0 0,57px -19px 0 0,19px 0 0 5px,38px 0 0 0,57px 0 0 0,19px 19px 0 0,38px 19px 0 5px,57px 19px 0 5px}75%{box-shadow:19px -19px 0 0,38px -19px 0 5px,57px -19px 0 0,19px 0 0 0,38px 0 0 0,57px 0 0 5px,19px 19px 0 0,38px 19px 0 0,57px 19px 0 5px}87.5%{box-shadow:19px -19px 0 0,38px -19px 0 5px,57px -19px 0 0,19px 0 0 0,38px 0 0 5px,57px 0 0 0,19px 19px 0 5px,38px 19px 0 0,57px 19px 0 0}}