body,html{width:100%;background-color:#f3f3f5}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader span{display:inline-block;width:8px;height:40px;border-radius:4px;background:var(--main-bg-color);-webkit-animation:load 1s ease infinite}@-webkit-keyframes load{0%,to{height:40px;background:var(--main-bg-color)}50%{height:70px;margin:-15px 0;background:var(--main-bg-color-hover)}}.loader span:nth-child(2){-webkit-animation-delay:.2s}.loader span:nth-child(3){-webkit-animation-delay:.4s}.loader span:nth-child(4){-webkit-animation-delay:.6s}.loader span:nth-child(5){-webkit-animation-delay:.8s}