.load_wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff}.load{top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px}.load,.load hr{position:absolute}.load hr{border:0;margin:0;width:40%;height:40%;border-radius:50%;animation:spin 2s ease infinite}.load :first-child{background:var(--red);animation-delay:-1.5s}.load :nth-child(2){background:var(--blue);animation-delay:-1s}.load :nth-child(3){background:var(--red);animation-delay:-.5s}.load :last-child{background:var(--blue)}.load_wrapper_alt{width:100%;height:100%;background-color:#fff}.load_alt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px}.load_alt hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}.load_alt :first-child{background:var(--red);animation-delay:-1.5s}.load_alt :nth-child(2){background:var(--blue);animation-delay:-1s}.load_alt :nth-child(3){background:var(--red);animation-delay:-.5s}.load_alt :last-child{background:var(--blue)}@keyframes spin{0%,to{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translateY(160%)}}