.loaderRectangle{display:flex;justify-content:center;align-items:center;gap:0 3px}.loaderRectangle div{width:6px;height:10px;border-radius:10px;animation-duration:.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loaderRectangle div:first-child{animation-name:rectangleOneAnim}@keyframes rectangleOneAnim{0%{height:11px}40%{height:20px}to{height:11px}}.loaderRectangle div:nth-child(2){animation-name:rectangleTwoAnim;animation-delay:.06s}@keyframes rectangleTwoAnim{0%{height:10px}40%{height:25px}to{height:10px}}.loaderRectangle div:nth-child(3){animation-name:rectangleThreeAnim;animation-delay:.15s}@keyframes rectangleThreeAnim{0%{height:10px}40%{height:20px}to{height:10px}}.container{width:100px;height:100px;top:0;bottom:0;left:0;right:0;margin:auto}.container,.item{position:absolute}.item{width:50px;height:50px}.item-1{background-color:#fa5767;top:0;left:0;z-index:1;animation:item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-2{background-color:#7944e4;top:0;right:0;animation:item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-3{background-color:#1b91f7;bottom:0;right:0;z-index:1;animation:item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-4{background-color:#fac24c;bottom:0;left:0;animation:item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}@keyframes item-1_move{0%,to{transform:translate(0)}25%{transform:translateY(50px)}50%{transform:translate(50px,50px)}75%{transform:translate(50px)}}@keyframes item-2_move{0%,to{transform:translate(0)}25%{transform:translate(-50px)}50%{transform:translate(-50px,50px)}75%{transform:translateY(50px)}}@keyframes item-3_move{0%,to{transform:translate(0)}25%{transform:translateY(-50px)}50%{transform:translate(-50px,-50px)}75%{transform:translate(-50px)}}@keyframes item-4_move{0%,to{transform:translate(0)}25%{transform:translate(50px)}50%{transform:translate(50px,-50px)}75%{transform:translateY(-50px)}}