.container{--uib-size:35px;--uib-color:black;--uib-speed:1s;--uib-stroke:3.5px;display:flex;align-items:center;justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .9)}.bar{width:var(--uib-stroke);height:100%;background-color:var(--uib-color);transition:background-color .3s ease}.bar:first-child{animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.bar:nth-child(2){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.bar:nth-child(3){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.bar:nth-child(4){animation:grow var(--uib-speed) ease-in-out infinite}@keyframes grow{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}