.loader{z-index:9999;background-color:#fff;position:absolute;inset:0}.p-container{width:200px;height:200px;margin:auto;position:absolute;inset:0}.p-container .item{width:100px;height:100px;position:absolute}.p-container .item-1{z-index:1;background-color:#fa5667;animation:1.8s cubic-bezier(.6,.01,.4,1) infinite item-1_move;top:0;left:0}.p-container .item-2{background-color:#7a45e5;animation:1.8s cubic-bezier(.6,.01,.4,1) infinite item-2_move;top:0;right:0}.p-container .item-3{z-index:1;background-color:#1b91f7;animation:1.8s cubic-bezier(.6,.01,.4,1) infinite item-3_move;bottom:0;right:0}.p-container .item-4{background-color:#fac24c;animation:1.8s cubic-bezier(.6,.01,.4,1) infinite item-4_move;bottom:0;left:0}@keyframes item-1_move{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes item-2_move{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes item-3_move{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes item-4_move{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}