.loader-wrapper{min-height:100vh;padding:100px 0;background:var(--primary-color);position:relative}.loader-wrapper .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:100px;height:100px;animation:animate 1s linear infinite}.loader-wrapper .loader-item{position:absolute;width:50px;height:50px;background:red;box-shadow:2px 2px 5px 1px #000;animation:rotate 1s linear infinite}.loader-wrapper .loader-item_1{top:0;left:0;background:var(--white-color)}.loader-wrapper .loader-item_2{top:0;right:0;background:var(--white-color)}.loader-wrapper .loader-item_3{bottom:0;left:0;background:var(--white-color)}.loader-wrapper .loader-item_4{bottom:0;right:0;background:var(--white-color)}@keyframes animate{0%{width:100px;height:100px}10%{width:100px;height:100px}50%{width:150px;height:150px}90%{width:100px;height:100px}to{width:100px;height:100px}}@keyframes rotate{0%{transform:rotate(0deg)}10%{transform:rotate(0deg)}60%{transform:rotate(90deg)}90%{transform:rotate(90deg)}to{transform:rotate(90deg)}}