@keyframes e-load{0%{transform:scale(var(--ld-scale-in)) translate(0)}to{transform:scale(var(--ld-scale-out)) translate(var(--ld-gap, var(--mpl-24)))}}.loader{--mpl-prop: visibility, opacity;--mpl-duration: 0ms, .2s;--mpl-delay: .2s, 0ms;background:var(--ld-bg, inherit);color:var(--ld-color, inherit);border-radius:var(--ld-radius, 0);opacity:var(--ld-opacity, 0);position:var(--ld-position, absolute);visibility:var(--ld-vis, hidden);z-index:var(--ld-z, 1)}.loader[data-loader=show]{--mpl-delay: 0ms, 0ms;--ld-vis: visible;--ld-opacity: 1}.loader-dots{--ld-scale-in: 1;--ld-scale-out: 1;position:relative;height:var(--ld-size, var(--mpl-8));width:var(--ld-width, var(--mpl-72));margin:var(--ld-margin, 0)}.loader-dot-1,.loader-dot-2,.loader-dot-3,.loader-dot-4{width:var(--ld-size, var(--mpl-8));height:var(--ld-size, var(--mpl-8));background:currentcolor;border-radius:50%;animation:e-load .6s infinite;position:absolute;left:var(--ld-left, var(--mpl-8))}.loader-dot-1{--ld-scale-in: 0;--ld-scale-out: 1;--ld-gap: 0}.loader-dot-3{--ld-left: var(--ld-left-3, var(--mpl-32))}.loader-dot-4{--ld-scale-in: 1;--ld-scale-out: 0;--ld-gap: 0;--ld-left: var(--ld-left-4, var(--mpl-56))}