.mb-loader{aspect-ratio:2;border:10px solid var(--loader-body);box-sizing:border-box;background:radial-gradient(farthest-side, var(--loader-dot) 98%, #0000) left / 20px 20px, radial-gradient(farthest-side, var(--loader-dot) 98%, #0000) left / 20px 20px, radial-gradient(farthest-side, var(--loader-dot) 98%, #0000) center / 20px 20px, radial-gradient(farthest-side, var(--loader-dot) 98%, #0000) right / 20px 20px, var(--loader-body);filter:blur(4px)contrast(10);background-repeat:no-repeat;height:50px;animation:1s infinite mb-loader-dots;display:block}@keyframes mb-loader-dots{to{background-position:100%,0,50%,100%}}.mb-loader-fit[data-on=raised]{--loader-body:var(--surface-raised)}.mb-loader-fit[data-on=overlay]{--loader-body:var(--surface-overlay)}@media (prefers-reduced-motion:reduce){.mb-loader{animation:none}}.mb-loader-fit{width:calc(100px * var(--mb-loader-scale,1));height:calc(50px * var(--mb-loader-scale,1));flex:none;display:inline-block}.mb-loader-fit>.mb-loader{transform:scale(var(--mb-loader-scale,1));transform-origin:0 0}