.miniSpinner{--color-1:#fff;--size:1px;width:calc(8 * var(--size));height:calc(40 * var(--size));border-radius:calc(4 * var(--size));color:var(--color-1);box-sizing:border-box;background:currentColor;margin:8rem auto;animation:.3s linear .3s infinite alternate animloader;display:block;position:relative}.miniSpinner:after,.miniSpinner:before{content:"";width:calc(8 * var(--size));height:calc(40 * var(--size));border-radius:calc(4 * var(--size));top:50%;left:calc(20 * var(--size));box-sizing:border-box;background:currentColor;animation:.3s linear .45s infinite alternate animloader;position:absolute;transform:translateY(-50%)}.miniSpinner:before{left:calc(-20 * var(--size));animation-delay:0s}@keyframes animloader{0%{height:calc(48 * var(--size))}to{height:calc(4 * var(--size))}}