.loadercontainer{--uib-size:60px;--uib-color:#000;--uib-speed:2.5s;--uib-dot-size:calc(var(--uib-size) * 0.18);position:relative;display:flex;align-items:center;justify-content:space-between;width:var(--uib-size);height:var(--uib-dot-size)}.loadercontainer .dot{position:absolute;top:calc(50% - var(--uib-dot-size)/2);left:calc(0px - var(--uib-dot-size)/2);display:block;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:#fff;animation:stream var(--uib-speed) linear infinite both;transition:background-color .3s ease}.loadercontainer .dot:nth-child(2){animation-delay:calc(var(--uib-speed)*-.2)}.loadercontainer .dot:nth-child(3){animation-delay:calc(var(--uib-speed)*-.4)}.loadercontainer .dot:nth-child(4){animation-delay:calc(var(--uib-speed)*-.6)}.loadercontainer .dot:nth-child(5){animation-delay:calc(var(--uib-speed)*-.8)}@keyframes stream{0%,to{transform:translateX(0) scale(0)}50%{transform:translateX(calc(var(--uib-size) * .5)) scale(1)}99.999%{transform:translateX(calc(var(--uib-size))) scale(0)}}