.loader{width:68px;height:36px;--_g:no-repeat radial-gradient(farthest-side,var(--color) 94%,#0000);background:var(--_g) 50% 0,var(--_g) 100% 0;background-size:16px 16px;position:relative;animation:l23-0 1.5s linear infinite;&.color-secondary{--color:var(--mui-palette-secondary-main)}&.color-primary{--color:var(--mui-palette-primary-main)}}.loader:before{content:"";position:absolute;height:16px;aspect-ratio:1;border-radius:50%;background:var(--mui-palette-secondary-main);left:0;top:0;animation:l23-1 1.5s linear infinite,l23-2 .5s cubic-bezier(0,200,.8,200) infinite}.loader-small{width:45px;height:24px;--_g:no-repeat radial-gradient(farthest-side,var(--color) 94%,#0000);background:var(--_g) 50% 0,var(--_g) 100% 0;background-size:10.66px 10.66px;position:relative;animation:l23-0 1.5s linear infinite}.loader-small:before{content:"";position:absolute;height:10.66px;aspect-ratio:1;border-radius:50%;background:var(--color);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}}