.loader-container{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.inner,.loader-container{height:calc(var(--uib-size) * .6);width:var(--uib-size)}.inner{display:flex;align-items:flex-end;padding-bottom:20%;justify-content:space-between}.cube{flex-shrink:0;width:calc(var(--uib-size) * .2);height:calc(var(--uib-size) * .2);animation:jump var(--uib-speed) ease-in-out infinite}.cube__inner{display:block;height:100%;width:100%;border-radius:25%;background-color:var(--uib-color);transform-origin:center bottom;animation:morph var(--uib-speed) ease-in-out infinite;transition:background-color .3s ease}.cube:nth-child(2),.cube:nth-child(2) .cube__inner{animation-delay:calc(var(--uib-speed) * -.36)}.cube:nth-child(3),.cube:nth-child(3) .cube__inner{animation-delay:calc(var(--uib-speed) * -.2)}@keyframes jump{0%{transform:translateY(0)}28%{transform:translateY(0);animation-timing-function:ease-out}50%{transform:translateY(-200%);animation-timing-function:ease-in}74%{transform:translateY(0);animation-timing-function:ease-in}}@keyframes morph{0%{transform:scaleY(1)}10%{transform:scaleY(1)}20%,25%{transform:scaleY(.6) scaleX(1.3);animation-timing-function:ease-in-out}30%{transform:scaleY(1.15) scaleX(.9);animation-timing-function:ease-in-out}40%{transform:scaleY(1)}72%,87%,to{transform:scaleY(1)}77%{transform:scaleY(.8) scaleX(1.2)}}